/* tokens.css — copie exacte du frontmatter de DESIGN.md. Toute couleur vient d'ici.
   Révision 2026-08-18 (D15) : le vocabulaire « verre » (Liquid Glass macOS 26) est RETIRÉ — Clément
   l'a rejeté (« j'aime pas les boutons Apple, avec effet verre »). À la place, la matière du cockpit
   est OPAQUE et plate : surfaces pleines, filets 1 px qui font le travail des ombres, contrôles à
   angles doux (8 px) et non plus en capsule, Inter au lieu de SF, aucun dégradé ni reflet.
   La palette LeSiteArtisan et la structure (sidebar, cartes, densité CRM) ne changent pas. */
@font-face {
  font-family: 'Inter';
  src: url('/vendor/fonts/InterVariable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* couleurs — charte LeSiteArtisan (logo #326853, site : vert #1B3A2D, ocre #CE9A3B, papier #FAFAF8) */
  --primary: #326853;
  --primary-hover: #2A5745;
  --primary-active: #234A3A;
  --primary-soft: #E6EFEA;
  --sidebar: #1B3A2D;
  --sidebar-active: #2F5A48;
  --sidebar-text: #D3E2D8;
  --sidebar-text-strong: #FFFFFF;
  --canvas: #F4F3EE;
  --surface: #FFFFFF;
  --surface-muted: #F7F6F2;
  --text-primary: #0F1715;
  --text-secondary: #3F4A45;
  --text-muted: #66716B;
  --border: #E1DFD9;
  --border-strong: #C6C3BA;
  --accent-warm: #CE9A3B;
  --accent-warm-soft: #F5EAD2;
  --accent-warm-text: #6E4A0F;
  --data-navy: #1B3A2D;
  --data-orange: #CE9A3B;
  --data-sky: #9DC1CF;
  --data-lavender: #BFB3D9;
  --data-mint: #C7E3D0;
  --ok: #16A34A;
  --ok-soft: #DCFCE7;
  --ok-text: #166534;
  --warn: #D97706;
  --warn-soft: #FEF3C7;
  --warn-text: #92400E;
  --danger: #DC2626;
  --danger-soft: #FEE2E2;
  --danger-text: #991B1B;
  --focus-ring: #326853;

  /* matière — opaque. Ce qui remplace les primitives « verre » : un fond plein, un filet, un survol teinté. */
  --control-bg: #FFFFFF;          /* fond d'un contrôle posé (bouton secondaire, champ, chip) */
  --control-bg-hover: #F2F0EA;    /* le même au survol */
  --control-border: #D8D5CC;      /* filet d'un contrôle — un cran plus net que --border */
  --track: #EAE8E1;               /* piste creusée d'un contrôle segmenté */
  --hover-tint: rgba(27, 58, 45, 0.06);        /* survol qui marche sur le papier ET sur le blanc */
  --hover-tint-strong: rgba(27, 58, 45, 0.10);
  --sidebar-hover: rgba(255, 255, 255, 0.07);  /* les deux survols de la colonne sombre */
  --sidebar-hairline: rgba(255, 255, 255, 0.13);
  --scrim: rgba(15, 23, 21, 0.32);             /* voile derrière une surface flottante (⌘K) */

  /* typographie — Inter d'abord (auto-hébergée), système en repli. Question §7 de DESIGN.md tranchée
     le 2026-08-18 : Inter, justement parce que SF est la police d'Apple. */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --fs-page-title: 20px; --fw-page-title: 600; --ls-page-title: -0.02em;
  --fs-card-title: 13px; --fw-card-title: 600;
  --fs-kpi: 28px; --fw-kpi: 600; --ls-kpi: -0.03em;
  --fs-body: 14px; --fs-body-sm: 13px; --fs-label: 12px; --fs-nav: 14px; --fs-mono: 12px;

  /* espacements (base 4) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-7: 32px; --s-8: 40px; --s-9: 48px; --s-10: 64px;

  /* rayons — angles doux, jamais de capsule sur un contrôle (c'est la signature Apple qu'on retire).
     --r-pill ne sert plus qu'aux objets réellement ronds (points, jauges, bouts de trait). */
  --r-xs: 4px; --r-sm: 6px; --r-md: 8px; --r-lg: 12px; --r-xl: 16px; --r-pill: 9999px;

  /* élévation — presque rien : le filet sépare, l'ombre ne sert qu'à ce qui flotte vraiment */
  --shadow-1: 0 1px 2px rgba(15, 23, 21, 0.05);
  --shadow-2: 0 4px 12px rgba(15, 23, 21, 0.08), 0 1px 3px rgba(15, 23, 21, 0.05);
  --shadow-3: 0 24px 60px rgba(15, 23, 21, 0.20), 0 2px 8px rgba(15, 23, 21, 0.08);

  /* dimensions */
  --sidebar-w: 232px;
  --row-h: 40px;
  --control-h: 36px;
  --control-h-sm: 30px;
}