/* Design tokens — Startup · seed OB-CEA2-80A0
   Généré par le Design Engine de Ouibel Dev. Toutes les couleurs, polices, rayons et ombres du site passent par ces variables.
   Modifiables dans l'onglet Design. Ne code jamais une couleur en dur ailleurs. */
@font-face { font-family: 'Familjen Grotesk'; font-style: italic; font-weight: 400; font-display: swap; src: url('/fonts/familjen-grotesk-400-i.woff2') format('woff2'); }
@font-face { font-family: 'Familjen Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/familjen-grotesk-400.woff2') format('woff2'); }
@font-face { font-family: 'Familjen Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/familjen-grotesk-500.woff2') format('woff2'); }
@font-face { font-family: 'Familjen Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/familjen-grotesk-600.woff2') format('woff2'); }
@font-face { font-family: 'Familjen Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/familjen-grotesk-700.woff2') format('woff2'); }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/sora-400.woff2') format('woff2'); }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/sora-500.woff2') format('woff2'); }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/sora-600.woff2') format('woff2'); }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/sora-700.woff2') format('woff2'); }
@font-face { font-family: 'Sora'; font-style: normal; font-weight: 800; font-display: swap; src: url('/fonts/sora-800.woff2') format('woff2'); }
:root {
  --background: oklch(98.6% 0.012 137.9);
  --foreground: oklch(18.5% 0.023 137.9);
  --surface: oklch(100.0% 0.000 137.9);
  --surface-elevated: oklch(100.0% 0.001 137.9);
  --primary: oklch(52.6% 0.140 137.9);
  --primary-foreground: oklch(98.5% 0.010 137.9);
  --secondary: oklch(37.6% 0.080 105.9);
  --secondary-foreground: oklch(98.5% 0.010 105.9);
  --accent: oklch(53.1% 0.110 110.7);
  --accent-foreground: oklch(98.5% 0.010 110.7);
  --muted: oklch(95.1% 0.016 137.9);
  --muted-foreground: oklch(48.0% 0.030 137.9);
  --border: oklch(89.6% 0.018 137.9);
  --input: oklch(89.6% 0.018 137.9);
  --ring: oklch(60.6% 0.140 137.9);
  --success: oklch(50.0% 0.130 150.0);
  --warning: oklch(56.5% 0.121 70.0);
  --error: oklch(52.0% 0.150 25.0);

  --font-display: 'Familjen Grotesk', system-ui, sans-serif;
  --font-heading: 'Familjen Grotesk', system-ui, sans-serif;
  --font-body: 'Sora', system-ui, sans-serif;
  --weight-heading: 600;
  --tracking-heading: -0.03em;
  --case-heading: none;
  --leading-body: 1.65;

  --text-display: clamp(3.18rem, 9vw, 5.13rem);
  --text-h1: clamp(2.44rem, 7vw, 3.94rem);
  --text-h2: clamp(1.90rem, 5vw, 3.06rem);
  --text-h3: clamp(1.12rem, 2.6vw, 1.81rem);
  --text-body-lg: 1.254rem;
  --text-body: 1.063rem;
  --text-small: 0.930rem;
  --text-caption: 0.797rem;

  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-md: 11px;
  --radius-lg: 17px;
  --radius-xl: 24px;
  --radius-button: 11px;

  --space-section: clamp(4rem, 9vw, 7.5rem);
  --space-container: 1180px;
  --space-gutter: clamp(1.25rem, 4vw, 2.5rem);

  --shadow-sm: 0 1px 2px oklch(0% 0 0 / .06);
  --shadow-md: 0 2px 4px oklch(0% 0 0 / .04), 0 10px 28px oklch(0% 0 0 / .07);
  --shadow-lg: 0 4px 8px oklch(0% 0 0 / .05), 0 24px 60px oklch(0% 0 0 / .12);
  --shadow-premium: 0 1px 1px oklch(0% 0 0 / .04), 0 8px 16px oklch(0% 0 0 / .05), 0 40px 80px oklch(0% 0 0 / .12);

  --duration: 450ms;
  --ease: cubic-bezier(.16,1,.3,1);
  color-scheme: light;
}