/* Atelia — maquette de démonstration (données fictives)
   Tokens de direction artistique — refonte V3 · ALIGNÉE sur l'app iOS AteliaPDV.
   Source de vérité DA : maquettes/atelia-ios/AteliaPDV/App/Theme.swift (enum DA / enum Tone).
   Palette : crème chaude #F7F5EF · encre bleu nuit #16243F · accent BLEU #2456C4 · rouge marque #A00810.
   Un seul accent (bleu). Les couleurs vives (rouge/orange/vert) sont RÉSERVÉES à l'état
   prioritaire ou urgent ; le secondaire reste neutre (retour TickTick #2 « moins de couleurs »).
   Le violet de la passe précédente est ANNULÉ (aucun jeton violet/sky ne subsiste).
   Police Plus Jakarta Sans AUTO-HÉBERGÉE (woff2 local, aucun CDN). */

@font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('../assets/fonts/plus-jakarta-sans-400.woff2') format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('../assets/fonts/plus-jakarta-sans-500.woff2') format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('../assets/fonts/plus-jakarta-sans-700.woff2') format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url('../assets/fonts/plus-jakarta-sans-800.woff2') format('woff2'); }
/* Logo de marque « ATELIA » — grotesque black auto-hébergée (offline). */
@font-face { font-family: 'Atelia Wordmark'; font-style: normal; font-weight: 400; font-display: swap; src: url('../assets/fonts/archivo-black.woff2') format('woff2'); }

:root {
  /* Surfaces & fonds — neutre FROID sobre (retrait du crème « vibe codé », retour Saleh 17/09). */
  --cream: #EEF1F5;        /* fond global (gris clair froid, sobre) */
  --surface: #FFFFFF;      /* cartes */
  --surface-2: #F5F7FA;    /* inputs, zébrures, hover discret */
  --surface-3: #E8ECF2;    /* fond enfoncé (segment, piste toggle) */

  /* Encre / texte (encre bleu nuit — DA.navy/ink/navy2/ink2/muted) */
  --navy: #16243F;         /* texte primaire, titres */
  --ink: #16243F;
  --navy-2: #26375B;       /* navy hover (softphone/help-fab) */
  --ink-2: #4B5568;        /* texte secondaire */
  --muted: #666C7E;        /* texte tertiaire, labels */

  /* Accent UNIQUE — bleu iOS (DA.blue). Action primaire, état actif, accent de marque. */
  --blue: #2456C4;
  --blue-strong: #1D48A8;  /* hover / pressé */
  --blue-soft: #EAF0FC;    /* fond d'état actif discret (DA.blueSoft) */
  --blue-bd: #D6E2FA;      /* bordure d'élément accentué (Tone.blue.bd) */
  --blue-fill: #4C86E8;    /* remplissage de barres/sparklines UNIQUEMENT (non-texte) */

  /* Info = bleu (aucune couleur supplémentaire — retour #2) */
  --info: #2456C4; --info-bg: #EAF0FC; --info-bd: #D6E2FA;

  /* ACCENT PRIMAIRE = VERT DE MARQUE (conforme au logo ATELIA navy+vert, retour Saleh 17/09).
     Vert profond #0B7A43 pour les surfaces pleines (texte blanc lisible, contraste 5,4:1) ;
     le vert vif #2FBE6E (--brand-green) sert au logo et aux petits accents. Rouge de marque supprimé. */
  --brand: #0B7A43;
  --seryz: #0B7A43;
  --accent: #0B7A43;
  --accent-strong: #086437;
  --accent-soft: #E7F6EE;

  /* Vert de marque (logo ATELIA — la partie « LIA »). */
  --brand-green: #2FBE6E;

  /* Lignes — froides, sobres */
  --line: #E3E7EE;
  --line-2: #EDF0F5;

  /* Sémantiques d'état — alignées iOS enum Tone (fg / bg / bd) */
  --rouge: #CB2E2E;   --rouge-bg: #FBEBEB;   --rouge-bd: #F3D2D2;   /* danger / forclos / urgent */
  --orange: #96650F;  --orange-bg: #FCF3E1;  --orange-bd: #F3E2BC;  /* à surveiller / à venir */
  --vert: #187D4F;    --vert-bg: #E7F5EE;    --vert-bd: #CDEBDB;    /* récupéré / succès */
  --deliveroo: #00998f;   /* teal Deliveroo (présenté, non piloté) */
  /* Plateformes (chantier Deliveroo, 26/09, cahier §2.1) : une couleur par plateforme, jamais seule —
     le nom est toujours écrit à côté (css/plateformes.css, UI.badgePlateforme). --uber est le vert
     d'Uber Eats, volontairement vif pour rester distinct de --vert (« récupéré ») et de --brand ;
     il sert de pastille. --uber-trait (≥ 3:1 sur blanc) sert aux traits fins et aux courbes. */
  --uber: #06C167;
  --uber-trait: #05944F;
  --chip-2: #EAECF2;      /* surface neutre secondaire (pastilles) = DA.chip2 */

  /* NULL ≠ 0 : gris franc désaturé, distinct de l'encre (.zero) */
  --na: #8A8F9C;

  /* Rayons (DA.r = 14, DA.rSm = 10) */
  --r: 18px;
  --r-sm: 12px;
  --r-xs: 8px;
  --r-pill: 999px;

  /* Ombres — douces, teintées navy, sobres. Peu d'ombres empilées (fluidité). */
  --shadow: 0 4px 16px rgba(22,36,63,.05);
  --shadow-raised: 0 8px 24px rgba(22,36,63,.08);
  --shadow-2: 0 10px 26px rgba(22,36,63,.13);
  --shadow-drawer: -12px 0 40px rgba(22,36,63,.15);
  --glow-accent: 0 3px 12px rgba(36,86,196,.16);   /* halo d'accent discret (bleu) */

  /* Typo — Plus Jakarta Sans (offline, fallback système, cf. iOS SF) */
  --font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;

  /* Métriques de layout */
  --side-w: 244px;
  --topbar-h: 64px;
  --demobar-h: 30px;       /* bandeau d'annonce — figé en haut (sticky) */
  --content-pad: 26px 28px 44px;
}