/*
 * Design tokens — point d'entrée unique du thème.
 * Pour brancher le UI Kit Claude Design : remplacer les valeurs ci-dessous
 * (ou importer le fichier de tokens du kit à la place de celui-ci).
 * Les composants n'utilisent que ces variables.
 */
:root {
  /* Identité ATS : bleu marine, orange, blanc (couleurs relevées sur le logo officiel) */
  --c-navy: #011d4c;
  --c-navy-2: #07295f;
  --c-orange: #ff5a00;

  /* Couleurs */
  --c-ink: #0b1a33;
  --c-ink-2: #34445f;
  --c-muted: #62708a;
  --c-bg: #f5f7fb;
  --c-surface: #ffffff;
  --c-surface-2: #eef2f8;
  --c-line: #dde3ee;

  /* Couleur d'action (boutons, accents) = orange ATS, assombri pour la lisibilité du texte blanc */
  --c-brand: #ee5a0b;
  --c-brand-strong: #c44503;
  --c-brand-soft: #ffebdd;
  --c-brand-light: #ff8a3d; /* orange sur fond marine */
  --c-accent: #ff8a3d;
  --c-accent-soft: #fff4dc;

  --c-dark: var(--c-navy);
  --c-dark-2: var(--c-navy-2);
  --c-on-dark: #eef2fa;
  --c-on-dark-muted: #aebbd6;

  /* Vert : réservé aux indicateurs positifs et aux statuts */
  --c-positive: #0b8a52;
  --c-positive-soft: #e1f4ea;
  --c-positive-on-dark: #4be3a5;

  --c-good: #0d8a55;
  --c-warn: #b7791f;
  --c-bad: #c0392b;
  --c-info: #2563a8;

  /* Séries de données (ventilation des recettes) */
  --c-series-investor: #0b8a52;
  --c-series-ats: #011d4c;
  --c-series-reserve: #f2a541;
  --c-series-provision: #8a9bbf;

  /* Typographie */
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-num: 'Plus Jakarta Sans', system-ui, sans-serif;
  --fs-xs: 0.78rem;
  --fs-sm: 0.875rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.375rem;
  --fs-2xl: clamp(1.6rem, 1.2rem + 1.6vw, 2.25rem);
  --fs-3xl: clamp(2.2rem, 1.4rem + 3.4vw, 4rem);

  /* Espacements & formes */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 72px;
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --shadow-sm: 0 1px 2px rgb(13 27 38 / 0.06);
  --shadow: 0 1px 2px rgb(13 27 38 / 0.05), 0 8px 24px rgb(13 27 38 / 0.07);
  --shadow-lg: 0 24px 60px rgb(0 0 0 / 0.28);

  --container: 1160px;
  --gutter: 20px;
}