/* Design system Amabis — Charte graphique V1.0, février 2018.
   Copie des tokens, sans le @import Google Fonts du fichier source. */
:root {
  --amabis-blue: #3F5A94;
  --amabis-yellow: #F0B452;
  --amabis-gray: #4B4E55;
  --amabis-blue-light: #0075BF;
  --amabis-blue-deep: #213B87;
  --amabis-magenta: #9F2B7E;
  --amabis-orange: #E94E24;

  --ink-1: #1A1C20;
  --ink-2: #4B4E55;
  --ink-3: #6B6F77;
  --ink-4: #9298A1;
  --line-1: #E3E6EB;
  --line-2: #EEF0F4;
  --surface-1: #FFFFFF;
  --surface-2: #F6F8FB;
  --surface-3: #EEF2F7;
  --surface-blue: #EAF0FB;
  --surface-yellow: #FDF4E2;
  /* Teinte claire de --amabis-orange, pour le fond d'un bloc en erreur.
     Même construction que --surface-yellow vis-à-vis de --amabis-yellow. */
  --surface-danger: #FDECE6;

  --fg-default: var(--ink-2);
  --fg-strong: var(--ink-1);
  --fg-muted: var(--ink-3);
  --fg-faint: var(--ink-4);
  --fg-onbrand: #FFFFFF;
  --fg-link: var(--amabis-blue-light);

  --bg-canvas: var(--surface-2);
  --bg-surface: var(--surface-1);
  --bg-raised: var(--surface-3);
  --brand: var(--amabis-blue);
  --brand-hover: #34497A;
  --brand-press: #293A60;
  --accent: var(--amabis-yellow);

  --success: #2F9461;
  --warning: var(--amabis-yellow);
  --danger: var(--amabis-orange);
  --info: var(--amabis-blue-light);

  --font-sans: Arial, Helvetica, system-ui, -apple-system, sans-serif;
  --font-body: var(--font-sans);
  --font-display: var(--font-sans);
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --fz-xs: 12px;  --fz-sm: 13px;  --fz-base: 14px; --fz-md: 16px;  --fz-lg: 18px;
  --fz-xl: 22px;  --fz-2xl: 28px; --fz-3xl: 36px;  --fz-4xl: 48px; --fz-5xl: 64px;

  --lh-tight: 1.15; --lh-snug: 1.30; --lh-base: 1.50; --lh-loose: 1.65;
  --fw-light: 300; --fw-regular: 400; --fw-medium: 500;
  --fw-semi: 600;  --fw-bold: 700;    --fw-black: 800;
  --tr-tight: -0.01em; --tr-normal: 0; --tr-wide: 0.04em; --tr-eyebrow: 0.12em;

  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px;
  --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px; --s-20: 80px; --s-24: 96px;

  --r-xs: 2px; --r-sm: 4px; --r-md: 6px; --r-lg: 10px; --r-xl: 16px; --r-pill: 999px;

  --shadow-1: 0 1px 0 rgb(31 41 55 / 4%), 0 1px 2px rgb(31 41 55 / 6%);
  --shadow-2: 0 2px 4px rgb(31 41 55 / 6%), 0 4px 12px rgb(31 41 55 / 5%);
  --shadow-3: 0 4px 8px rgb(31 41 55 / 6%), 0 12px 24px rgb(31 41 55 / 8%);
  /* Halo de confirmation : trois couches de --success (47 148 97), du trait
     net au voile diffus. Remplace un liseré latéral, trop dur sur un panneau
     qui recouvre toute une carte. */
  --halo-succes: 0 0 0 1px rgb(47 148 97 / 45%), 0 0 0 6px rgb(47 148 97 / 14%),
                 0 0 24px 6px rgb(47 148 97 / 22%);
  --shadow-pop: 0 8px 28px rgb(63 90 148 / 18%);
  --inner-1: inset 0 0 0 1px rgb(31 41 55 / 6%);
  --focus-ring: 0 0 0 3px rgb(63 90 148 / 25%);

  --ease-out: cubic-bezier(.2,.7,.25,1);
  --ease-in-out: cubic-bezier(.4,0,.2,1);
  --dur-fast: 120ms; --dur-base: 180ms; --dur-slow: 280ms;
}