/* Design tokens — synchronisés sur l'export Lovable (paris-forum-forge, styles.css) */
:root {
  --color-bg: oklch(0.976 0.005 250);
  --color-surface: oklch(1 0 0);
  --color-surface-sunk: oklch(0.965 0.008 250);
  --color-surface-accent: oklch(0.93 0.026 252);
  --color-text: oklch(0.28 0.045 258);
  --color-text-muted: oklch(0.53 0.03 255);
  --color-text-faint: oklch(0.6 0.02 255);
  --color-accent: oklch(0.38 0.088 257);
  --color-accent-hover: oklch(0.32 0.082 257);
  --color-accent-ink: oklch(0.36 0.08 257);
  --color-see-more: #368ec4;
  --color-error: oklch(0.478 0.193 23.6);
  --color-border: oklch(0.905 0.014 250);
  --color-border-strong: oklch(0.82 0.02 255);
  --color-focus: oklch(0.38 0.088 257 / 0.5);

  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-base: 0.875rem;
  --text-md: 1.0625rem;
  --text-lg: 1.375rem;
  --text-xl: 1.75rem;

  --radius-sm: 10px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-20: 60px;

  --shadow-xs: 0 1px 1px rgba(27, 41, 63, 0.04);
  --shadow-card: 0 1px 2px oklch(0.28 0.05 255 / 0.06), 0 6px 16px -8px oklch(0.28 0.05 255 / 0.16);
  --shadow-card-hover: 0 2px 4px oklch(0.28 0.05 255 / 0.08), 0 14px 28px -12px oklch(0.28 0.05 255 / 0.2);
  --shadow-popover: 0 2px 4px oklch(0.28 0.05 255 / 0.08), 0 20px 40px -16px oklch(0.28 0.05 255 / 0.24);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}