/* WinOptic — design tokens (thème clair).
   Source : charte graphique WIN OPTIC PLUS ; le rose est mesuré sur le logo.
   Tout changement de couleur, de forme ou de typographie se fait ICI, et nulle part ailleurs. */

:root {
  /* Marque */
  --color-brand: #e41458;
  --color-brand-strong: #c20e48;
  --color-brand-soft: #fde8f0;
  --color-brand-ring: rgb(228 20 88 / 0.35);

  /* Neutres */
  --color-ink: #111111;
  --color-text: #1a1a1a;
  --color-text-muted: #5b5b66;
  --color-bg: #f7f7f8;
  --color-surface: #ffffff;
  --color-surface-alt: #fafafb;
  --color-border: #e6e6ea;
  --color-table-head: #eceef1;
  --color-table-head-text: #3f434c;
  --color-border-strong: #cfcfd6;

  /* États (jamais portés par la couleur seule : icône + libellé) */
  --color-success: #12805c;
  --color-success-soft: #e3f5ee;
  --color-warning: #b76e00;
  --color-warning-soft: #fff1d6;
  --color-danger: #c4261d;
  --color-danger-soft: #fde7e5;
  --color-info: #1d5fd1;
  --color-info-soft: #e4edfc;

  /* Typographie */
  --font-heading: "Montserrat", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;

  /* Espacements (grille de 4 px) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;

  /* Formes et relief */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgb(17 17 17 / 0.05);
  --shadow-md: 0 4px 14px rgb(17 17 17 / 0.07);
  --shadow-lg: 0 12px 32px rgb(17 17 17 / 0.12);

  /* Mise en page */
  --sidebar-width: 15.5rem;
  --topbar-height: 4rem;
  --content-max: 80rem;
  --tap-min: 2.75rem; /* cible tactile ≥ 44 px */

  /* Mouvement */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-fast: 120ms;
  --dur: 180ms;
}
