/* =============================================================================
   tokens.css — Discount KW (prototype UX, marque inconnue : tokens NEUTRES)
   Même convention que le Tarek UI Kit (src/styles/tokens.css) : sémantique façon
   shadcn, posée sur <html data-brand="discount-kw" data-theme="light|dark">.
   Aucun composant du prototype n'utilise un hex : uniquement ces variables.

   CONTRASTES (WCAG 2.1, formule de contrast-check.mjs, calculés À LA MAIN :
   le script n'a pas pu être exécuté (pas de shell) -> à relancer avant de coder.
   Valeurs marquées (kit) = reprises des commentaires de tarek-ui-kit/tokens.css.)
     Clair
       foreground  #17171A sur background #F7F7F8 ........ 16.71 (kit)
       muted-fg    #5C5C66 sur #FFFFFF 6.61 · #F7F7F8 6.17 · #EFEFF1 5.75 (kit)
       primary-fg  #FFFFFF sur primary #0F766E ........... 5.47
       primary-fg  #FFFFFF sur hover   #115E59 ........... 7.59
       primary-ink #115E59 sur #FFFFFF 7.59 · #F7F7F8 7.08 · primary-soft ~#E2EFEE 6.43
       primary     #0F766E COMME texte sur #F7F7F8 ....... 5.11 (non utilisé en texte)
       highlight   #FBBF24 + encre #17171A ............... 10.72 (surface, jamais texte)
       etats (kit) success #047857 5.48 · warning #92400E 7.09 · danger #B91C1C 6.47 · info #1D4ED8 6.70 (blanc dessus)
       input (bordure champ) #8A8A94 sur blanc ........... 3.42 (UI >= 3) (kit)
       PIEGE playbook : #64748B sur #F1F5F9 = 4.34 (echec) -> en-tetes de tableau #475569 sur #F1F5F9 = 6.92
       pin primary #0F766E sur carte #E8EEEC ............. 4.66 (UI >= 3)
     Sombre
       foreground  #F4F4F5 sur #0E0E10 17.54 · sur #18181B 16.12 (kit)
       muted-fg    #A1A1AA sur #18181B 6.91 · sur #26262B 5.88 (kit)
       primary     #2DD4BF, encre #0E0E10 dessus ......... 10.37
       primary-ink #5EEAD4 sur #18181B ................... 11.98
       input       #70707A sur #18181B 3.62 (UI) (kit)
       etats 400 (kit) green #34D399 · amber #FBBF24 · red #F87171 · blue #60A5FA (encre 0E0E10 dessus >= 6.97)
   ============================================================================= */

[data-brand="discount-kw"] {
  color-scheme: light;

  /* --- Couleurs sémantiques (clair) --- */
  --background: #F7F7F8;
  --foreground: #17171A;
  --card: #FFFFFF;
  --card-foreground: #17171A;
  --muted: #EFEFF1;
  --muted-foreground: #5C5C66;
  --border: #E2E2E5;              /* séparateur décoratif */
  --input: #8A8A94;               /* bordure de champ : 3:1 requis */
  --ring: #0F766E;
  --overlay: rgb(10 10 12 / 0.55);

  --primary: #0F766E;
  --primary-hover: #115E59;
  --primary-foreground: #FFFFFF;  /* texte SUR primary */
  --primary-ink: #115E59;         /* primary COMME texte sur fond clair */
  --primary-soft: color-mix(in srgb, var(--primary) 12%, var(--card));

  --highlight: #FBBF24;           /* SURFACE d'accent uniquement */
  --highlight-foreground: #17171A;

  --success: #047857;
  --warning: #92400E;
  --danger: #B91C1C;
  --info: #1D4ED8;
  --on-state: #FFFFFF;

  /* Surfaces d'état douces (badge/bannière) : teinte 12 % sur la carte */
  --success-soft: color-mix(in srgb, var(--success) 12%, var(--card));
  --warning-soft: color-mix(in srgb, var(--warning) 12%, var(--card));
  --danger-soft: color-mix(in srgb, var(--danger) 12%, var(--card));
  --info-soft: color-mix(in srgb, var(--info) 12%, var(--card));

  /* Back-office : en-têtes de tableau (piège #64748B/#F1F5F9 = 4.34) */
  --table-head-bg: #F1F5F9;
  --table-head-fg: #475569;
  --sidebar: #1E293B;             /* texte E2E8F0 dessus 11.87 (kit) */
  --sidebar-foreground: #E2E8F0;
  --sidebar-muted: #94A3B8;       /* 5.71 (kit) */
  --sidebar-accent: #334155;      /* blanc dessus 10.35 (kit) */

  /* Carte fictive (décor : jamais de texte posé directement dessus) */
  --map-land: #E8EEEC;
  --map-water: #BCD7E3;
  --map-road: #FFFFFF;
  --map-block: #D3DDDA;
  --pin-border: #FFFFFF;

  /* QR : TOUJOURS encre sombre sur fond blanc, même en thème sombre (lisibilité du scanner) : 17.89 */
  --qr-bg: #FFFFFF;
  --qr-fg: #17171A;

  --on-dark: #FFFFFF;             /* texte sur surfaces toujours sombres (sidebar 10.35, viseur #17171A 17.89) */

  --stage: #ECECEF;           /* fond de la page desktop autour du téléphone */
  --device: #17171A;

  /* --- Forme --- */
  --radius: 0.75rem;
  --elevation-sm: 0 1px 2px rgb(0 0 0 / 0.06);
  --elevation-md: 0 4px 12px rgb(0 0 0 / 0.08);
  --elevation-lg: 0 16px 40px rgb(0 0 0 / 0.16);
  --control-h: 2.75rem;           /* 44 px : zone tactile minimale */

  /* --- Typo : piles SYSTÈME uniquement (aucun CDN dans le prototype).
     En production Flutter : embarquer Tajawal/Cairo comme asset (cf. kit). --- */
  --font-latin: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-arabic: "Segoe UI", "SF Arabic", "Geeza Pro", "Noto Sans Arabic", "Noto Naskh Arabic", Tahoma, system-ui, sans-serif;
  --font-body: var(--font-latin);
  --font-heading: var(--font-latin);
  --heading-weight: 700;
  --leading-body: 1.6;
  --tracking-display: -0.01em;
}

[data-brand="discount-kw"][data-theme="dark"] {
  color-scheme: dark;
  --background: #0E0E10;
  --foreground: #F4F4F5;
  --card: #18181B;
  --card-foreground: #F4F4F5;
  --muted: #26262B;
  --muted-foreground: #A1A1AA;
  --border: #2E2E33;
  --input: #70707A;
  --ring: #2DD4BF;
  --overlay: rgb(0 0 0 / 0.7);

  --primary: #2DD4BF;
  --primary-hover: #5EEAD4;
  --primary-foreground: #0E0E10;
  --primary-ink: #5EEAD4;

  --success: #34D399;
  --warning: #FBBF24;
  --danger: #F87171;
  --info: #60A5FA;
  --on-state: #0E0E10;

  --table-head-bg: #26262B;
  --table-head-fg: #A1A1AA;       /* 5.88 sur 26262B (kit) */
  --sidebar: #111114;
  --sidebar-foreground: #E4E4E7;
  --sidebar-muted: #A1A1AA;
  --sidebar-accent: #26262B;

  --map-land: #1B2220;
  --map-water: #14303B;
  --map-road: #2B3431;
  --map-block: #232C29;
  --pin-border: #0E0E10;

  --stage: #070708;
  --device: #2E2E33;

  --elevation-sm: 0 1px 2px rgb(0 0 0 / 0.4);
  --elevation-md: 0 4px 14px rgb(0 0 0 / 0.5);
  --elevation-lg: 0 16px 40px rgb(0 0 0 / 0.6);
}

/* Arabe : police arabe, interligne plus haut, JAMAIS d'interlettrage ni de capitales */
html[dir="rtl"][data-brand="discount-kw"] {
  --font-body: var(--font-arabic);
  --font-heading: var(--font-arabic);
  --leading-body: 1.8;
  --tracking-display: 0;
}

/* Variantes visuelles : ne surchargent que la FORME (rayon, graisse) — les couleurs
   restent celles de la marque neutre pour garder les contrastes vérifiés. */
[data-brand="discount-kw"][data-variant="a"] { --radius: 1rem;    --heading-weight: 700; }
[data-brand="discount-kw"][data-variant="b"] { --radius: 0.5rem;  --heading-weight: 800; }
[data-brand="discount-kw"][data-variant="c"] { --radius: 1.5rem;  --heading-weight: 700; }