/* Action Flow Design System · jetons (thème clair).
   Copiés tels quels de l'artifact « Action Flow Design System »
   (https://claude.ai/code/artifact/4eba5af8-c775-47c2-96fa-79c07be07ef1, project/tokens.css,
   version du 7 novembre 2026), sans le thème sombre ni les styles des slides.
   Ne pas modifier ici : changer la valeur dans le design system, puis recopier ce bloc.
   Les couleurs propres au jeu (familles, phases, porteurs) sont dans styles.css. */

:root {
  --green-50: #E8F4F1;
  --green-100: #CDE6E1;
  --green-200: #9DCCC3;
  --green-300: #6BB0A4;
  --green-400: #3F9182;
  --green-500: #1F7264;
  --green-600: #0D5B4F;
  --green-700: #054A40;
  --green-800: #024036;
  --green-900: #00362D;
  --green-950: #002520;
  --terra-50: #FCF5F3;
  --terra-100: #F8E8E2;
  --terra-200: #F0CEC1;
  --terra-300: #E6AA94;
  --terra-400: #E28A4C;
  --terra-500: #D87D5A;
  --terra-600: #C2572E;
  --terra-700: #A54A27;
  --terra-800: #843B1F;
  --terra-900: #461F11;
  --terra-950: #2D140B;
  --neutral-50: #FAFAF9;
  --neutral-100: #F6F4F4;
  --neutral-200: #E8E5E3;
  --neutral-300: #D0CAC8;
  --neutral-400: #ABA09C;
  --neutral-500: #8A7B75;
  --neutral-600: #6E625E;
  --neutral-700: #584F4B;
  --neutral-800: #423B38;
  --neutral-900: #2C2726;
  --neutral-950: #1C1917;
  --warm-50: #FBF4F0;
  --warm-200: #F1E1D7;
  --success-600: #0A6E54;
  --success-100: #DCF3EC;
  --warning-600: #8F4E00;
  --warning-100: #FBEBD6;
  --danger-600: #B00E00;
  --danger-100: #FBDDDA;
  --info-600: #00607F;
  --info-100: #DAEEF6;

  --bg-page: #FFFFFF;
  --bg-panel: var(--warm-50);
  --surface-card: #FFFFFF;
  --surface-sunken: var(--neutral-100);
  --border-default: var(--neutral-200);
  --border-warm: var(--warm-200);
  --border-strong: var(--neutral-300);
  --text-heading: var(--green-900);
  --text-body: var(--neutral-900);
  --text-secondary: var(--neutral-700);
  --text-tertiary: var(--neutral-500);
  --action-primary: var(--green-900);
  --action-primary-fg: #FFFFFF;
  --action-primary-hover: var(--green-700);
  --action-secondary-border: var(--green-900);
  --action-secondary-fg: var(--green-900);
  --action-secondary-hover-bg: var(--green-50);
  --accent: var(--terra-600);
  --state-success-fg: var(--success-600);
  --state-success-bg: var(--success-100);
  --state-warning-fg: var(--warning-600);
  --state-warning-bg: var(--warning-100);
  --state-danger-fg: var(--danger-600);
  --state-danger-bg: var(--danger-100);
  --state-info-fg: var(--info-600);
  --state-info-bg: var(--info-100);

  --shadow-sm: 0 1px 2px rgba(44,39,38,.06), 0 1px 3px rgba(44,39,38,.04);
  --shadow-md: 0 4px 12px rgba(44,39,38,.08);
  --shadow-lg: 0 12px 32px rgba(44,39,38,.12);
  --shadow-glow-cta: 0 8px 24px rgba(0,54,45,.35);

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-12: 48px;
  --radius-field: 8px;
  --radius-card: 14px;
  --radius-panel: 20px;
  --radius-pill: 999px;

  --fw-display: 500;
  --ls-display: -0.03em;
  --ls-title: -0.02em;
  --ls-micro: 0.12em;
  --font-display: "Bricolage Grotesque", "Onest", system-ui, sans-serif;
  --font-sans: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;

  --ease-standard: cubic-bezier(.2, 0, 0, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
}