/* ===========================================================================
   PROPERTY OS — TOKENS DE DESIGN
   ---------------------------------------------------------------------------
   TOUTE la charte graphique est ici, et nulle part ailleurs.
   Changer une couleur, une police ou un espacement = modifier UNE ligne
   dans ce fichier. Aucun écran ne contient de couleur écrite en dur.

   Direction « Studio respiré » :
   organisation et univers sombre premium de la direction B,
   typographie et respiration de la direction A.
   =========================================================================== */

:root {
  /* --- FONDS ------------------------------------------------------------ */
  --fond:            #0A0A09;   /* le fond général de l'application */
  --fond-menu:       #0D0D0C;   /* menu latéral et barre d'onglets */
  --fond-surface:    #121211;   /* zone de contenu */
  --fond-carte:      #161614;   /* cartes appartement, panneaux */
  --fond-actif:      #1D1D1A;   /* élément de menu sélectionné */
  --fond-champ:      #0E0E0D;   /* champs de saisie */

  /* --- FILETS ----------------------------------------------------------- */
  --filet:           #222220;   /* séparations discrètes */
  --filet-marque:    #2C2C29;   /* contours de champs, bordures visibles */

  /* --- TEXTE ------------------------------------------------------------ */
  --texte:           #F3F2ED;   /* texte principal */
  --texte-doux:      #A5A29A;   /* texte secondaire */
  --texte-discret:   #78756E;   /* étiquettes, mentions */

  /* --- ACCENT ----------------------------------------------------------- */
  --accent:          #C2B49C;   /* taupe clair — à employer avec parcimonie */
  --accent-fond:     #1E1C18;   /* fond teinté accent */

  /* --- COULEURS DE STATUT ----------------------------------------------- */
  /* Volontairement sourdes. Elles ne servent QU'À signaler un état,
     jamais à décorer. Aucune couleur criarde nulle part.                   */
  --ok:              #8FB59A;   --ok-fond:      #1A2420;   /* sauge   */
  --attention:       #CBA772;   --attention-fond: #272014; /* ambre   */
  --critique:        #D4907F;   --critique-fond: #291A17;  /* brique  */
  --info:            #93A0B8;   --info-fond:    #1A1E26;   /* ardoise */

  /* --- IMAGES D'ATTENTE ------------------------------------------------- */
  --photo-1: #2C2C28;
  --photo-2: #3A3833;
  --photo-3: #201F1C;

  /* --- ESPACEMENT ------------------------------------------------------- */
  /* Une seule échelle, utilisée partout. Ne jamais écrire de pixels
     d'espacement en dehors de ces cinq valeurs.                            */
  --e1: 10px;
  --e2: 18px;
  --e3: 28px;
  --e4: 44px;
  --e5: 72px;

  /* --- FORMES ----------------------------------------------------------- */
  --rayon:        5px;    /* cartes, champs, boutons */
  --rayon-pastille: 999px; /* pastilles de statut, filtres */

  /* --- TYPOGRAPHIE ------------------------------------------------------ */
  /* Titres, noms d'appartements, grands chiffres */
  --police-titre:  "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  /* Interface : menus, étiquettes, textes courants */
  --police-ui:     "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* Montants en colonne et références internes */
  --police-chiffre: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;

  /* Graisses : remontées volontairement.
     Sur fond sombre, un trait trop fin se dissout et devient illisible.    */
  --graisse-titre:  500;
  --graisse-ui:     400;
  --graisse-forte:  600;

  /* Tailles */
  --t-geant:    clamp(36px, 5.6vw, 48px);  /* titre d'écran */
  --t-grand:    27px;                       /* nom d'appartement */
  --t-chiffre:  46px;                       /* grands indicateurs */
  --t-normal:   15px;                       /* texte courant */
  --t-petit:    13.5px;                     /* texte secondaire */
  --t-etiquette: 10px;                      /* ÉTIQUETTES EN CAPITALES */

  --interligne:      1.72;
  --espace-lettres:  0.24em;  /* pour les étiquettes en capitales */

  /* --- DIVERS ----------------------------------------------------------- */
  --largeur-menu:   224px;
  --duree:          140ms;   /* transitions : discrètes, jamais spectaculaires */
}

/* Aucune ombre portée dans toute l'application.
   L'élévation passe par la valeur du fond, comme dans un plan d'architecte. */