/**
 * Alto ERP - Theme Variables
 * ===========================
 * Fichier centralise pour toutes les variables de theme
 * Modifiez ces valeurs pour changer l'apparence globale
 *
 * USAGE:
 * - Pour changer de police : modifier --alto-font-family
 * - Pour changer la taille : modifier --alto-font-size-*
 * - Pour revenir a Lexend Deca : decommenter le preset correspondant
 *
 * PRESETS DISPONIBLES:
 * 1. Segoe UI / Dynamics 365 (ACTIF par defaut)
 * 2. Lexend Deca (ancien style Alto)
 * 3. Inter (moderne, compact)
 */

/* ===================================================
   VARIABLES PRINCIPALES
   =================================================== */

:root {
  /* ===== TYPOGRAPHIE ===== */

  /* Police principale */
  --alto-font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;

  /* Tailles de police */
  --alto-font-size-base: 14px;        /* Taille de base */
  --alto-font-size-small: 12px;       /* Petits textes, badges */
  --alto-font-size-label: 13px;       /* Labels de champs */
  --alto-font-size-input: 14px;       /* Valeurs de champs */
  --alto-font-size-heading: 16px;     /* Grands titres (page, modal) */
  --alto-font-size-panel-title: 14px; /* Titres de panels/sections */
  --alto-font-size-sidebar-header: 11px; /* Headers sidebar */
  --alto-font-size-grid-header: 13px; /* En-tetes de grille */

  /* Poids de police */
  --alto-font-weight-light: 300;
  --alto-font-weight-normal: 400;
  --alto-font-weight-medium: 500;
  --alto-font-weight-semibold: 600;
  --alto-font-weight-bold: 700;

  /* Hauteur de ligne */
  --alto-line-height-base: 20px;
  --alto-line-height-tight: 1.2;
  --alto-line-height-normal: 1.5;
  --alto-line-height-relaxed: 1.6;

  /* ===== COULEURS TEXTE ===== */
  --alto-color-text: #1a1a1a;
  --alto-color-text-body: #000000;
  --alto-color-text-muted: #666666;
  --alto-color-text-light: #999999;
  --alto-color-text-readonly: #4a4a4a;

  /* ===== COULEURS PRIMAIRES (Teal Alto) ===== */
  --alto-color-primary: #5BA3A0;
  --alto-color-primary-hover: #4A8C89;
  --alto-color-primary-light: #6BB4B1;
  --alto-color-primary-bg: #E8F5F4;
  --alto-color-primary-dark: #3A7673;

  /* ===== COULEUR ACCENT (Orange) ===== */
  --alto-color-accent: #D97C4A;

  /* ===== COULEURS LIENS ===== */
  --alto-color-link: #0066CC;
  --alto-color-link-hover: #004C99;
  --alto-color-link-active: #003D7A;
  --alto-color-link-visited: #551A8B;

  /* ===== COULEURS SIDEBAR ===== */
  --alto-sidebar-bg: #2C2C2C;
  --alto-sidebar-bg-hover: #383838;
  --alto-sidebar-bg-active: #4A4A4A;
  --alto-sidebar-text: #FFFFFF;
  --alto-sidebar-icon: #B0B0B0;
  --alto-sidebar-border: #3D3D3D;

  /* ===== COULEURS NAVBAR ===== */
  --alto-navbar-bg: #FFFFFF;
  --alto-navbar-text: #2C2C2C;
  --alto-navbar-border: #E5E5EA;

  /* ===== COULEURS GRILLE ===== */
  --alto-grid-header-bg: #E1E4E8;
  --alto-grid-row-bg: #FFFFFF;
  --alto-grid-row-hover: #F5F6F8;
  --alto-grid-row-selected: #E8F5F4;
  --alto-grid-border: #F0F0F0;

  /* ===== COULEURS FORMULAIRES ===== */
  --alto-form-bg: #FFFFFF;
  --alto-form-border: #E5E5EA;
  --alto-form-focus-border: #5BA3A0;
  --alto-panel-header-bg: #F5F5F7;

  /* ===== ESPACEMENT ===== */
  --alto-spacing-xs: 4px;
  --alto-spacing-sm: 8px;
  --alto-spacing-md: 16px;
  --alto-spacing-lg: 24px;
  --alto-spacing-xl: 32px;

  /* ===== BORDURES ===== */
  --alto-border-radius-sm: 4px;
  --alto-border-radius-md: 6px;
  --alto-border-radius-lg: 8px;
  --alto-border-radius-xl: 12px;
}

/* ===================================================
   PRESETS DE POLICE
   Decommenter UN SEUL preset a la fois
   =================================================== */

/* -------------------------------------------------
   PRESET 1: Segoe UI / Dynamics 365 (ACTIF)
   Style professionnel Microsoft, compact
   ------------------------------------------------- */
:root {
  --alto-font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
  --alto-font-size-base: 14px;
  --alto-font-size-label: 13px;
  --alto-font-size-input: 14px;
  --alto-font-weight-normal: 400;
  --alto-font-weight-label: 400;
  --alto-line-height-base: 20px;
}

/* -------------------------------------------------
   PRESET 2: Lexend Deca (ancien style Alto)
   Police moderne et arrondie, necessite Google Fonts
   Pour activer: decommenter ci-dessous ET l'import dans style.css
   ------------------------------------------------- */
/*
:root {
  --alto-font-family: 'Lexend Deca', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --alto-font-size-base: 14px;
  --alto-font-size-label: 13px;
  --alto-font-size-input: 14px;
  --alto-font-weight-normal: 400;
  --alto-font-weight-label: 300;
  --alto-line-height-base: 1.5;
}
*/

/* -------------------------------------------------
   PRESET 3: Inter (moderne, compact)
   Excellente lisibilite, optimise pour ecrans
   Pour activer: decommenter + ajouter @import Google Fonts Inter
   ------------------------------------------------- */
/*
:root {
  --alto-font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --alto-font-size-base: 13px;
  --alto-font-size-label: 12px;
  --alto-font-size-input: 13px;
  --alto-font-weight-normal: 400;
  --alto-font-weight-label: 500;
  --alto-line-height-base: 18px;
}
*/

/* -------------------------------------------------
   PRESET 4: System UI (natif, ultra-performant)
   Utilise la police du systeme d'exploitation
   ------------------------------------------------- */
/*
:root {
  --alto-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --alto-font-size-base: 14px;
  --alto-font-size-label: 13px;
  --alto-font-size-input: 14px;
  --alto-font-weight-normal: 400;
  --alto-font-weight-label: 400;
  --alto-line-height-base: 1.5;
}
*/

/* ===================================================
   FIN DU FICHIER DE VARIABLES
   Pour appliquer les changements:
   1. Modifier les variables ci-dessus
   2. Rebuild: .\gradlew.bat clean build -x test
   3. Redeployer le WAR
   =================================================== */