/* Design System FlexiWeb — thème v1.1 (2026-07-04).
   shadcn-compatible + tokens de marque + fonts. Light only (dark mode = v2).
   v1.1 (gaps remontés par les 4 câblages, valeurs déjà arbitrées v1) :
   + --on-brand exposé dans theme.css (était tokens.json only)
   + échelle radius exportée (--radius-sm..2xl, valeurs tokens.json)
   + slot display : --font-display = Fraunces (alias de --font-serif) */
:root {
  /* --- marque --- */
  --brand: #16a34a;
  --brand-strong: #0a5a28;
  --brand-deep: #0c5526;
  --brand-accent: #9acd32;
  --brand-accent-ink: #6fa01f;
  --on-brand: #ffffff;
  --gradient-brand: linear-gradient(135deg, #0c5526 0%, #0c5526 58%, #16a34a 80%, #9acd32 100%);

  /* --- surfaces vertes tintées --- */
  --surface: #f6faf6;
  --cream: #eef5ee;
  --sage: #d7edda;
  --sage-soft: #e8f3ea;

  /* --- shadcn semantic (light) --- */
  --background: #ffffff;
  --foreground: #1f2937;
  --card: #ffffff;
  --card-foreground: #1f2937;
  --popover: #ffffff;
  --popover-foreground: #1f2937;
  --primary: #0a5a28;
  --primary-foreground: #ffffff;
  --secondary: #f6faf6;
  --secondary-foreground: #0c5526;
  --muted: #f6faf6;
  --muted-foreground: #4b5563;
  --accent: #eef5ee;
  --accent-foreground: #0c5526;
  --destructive: #bf000f;
  --destructive-foreground: #ffffff;
  --border: #e2e8e4;
  --input: #e2e8e4;
  --ring: #16a34a;
  --heading: #0c5526;
  --faint: #6b7280;

  --chart-1: #16a34a;
  --chart-2: #0a5a28;
  --chart-3: #9acd32;
  --chart-4: #6fa01f;
  --chart-5: #4b5563;

  /* --- radius (échelle tokens.json, défaut = md) --- */
  --radius: 0.625rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.625rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;

  /* --- fonts --- */
  --font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "Fraunces", ui-serif, Georgia, serif;
  --font-display: var(--font-serif); /* slot display (titres) — Fraunces, arbitré v1 */
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;
}

/* Tailwind v4 — mapping @theme (importe les tokens dans les utilitaires tw) */
@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-destructive: var(--destructive);
  --color-border: var(--border);
  --color-ring: var(--ring);
  --color-brand: var(--brand);
  --color-brand-strong: var(--brand-strong);
  --color-brand-deep: var(--brand-deep);
  --color-brand-accent: var(--brand-accent);
  --color-surface: var(--surface);
  --color-cream: var(--cream);
  --color-sage: var(--sage);
  --color-sage-soft: var(--sage-soft);
  --color-on-brand: var(--on-brand);
  --font-sans: var(--font-sans);
  --font-serif: var(--font-serif);
  --font-display: var(--font-display);
  --font-mono: var(--font-mono);
  --radius: var(--radius);
  --radius-sm: var(--radius-sm);
  --radius-md: var(--radius-md);
  --radius-lg: var(--radius-lg);
  --radius-xl: var(--radius-xl);
  --radius-2xl: var(--radius-2xl);
}