/* Design tokens — Minimaliste · seed OB-B04C-7819
   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: 'Hanken Grotesk'; font-style: italic; font-weight: 400; font-display: swap; src: url('/fonts/hanken-grotesk-400-i.woff2') format('woff2'); }
@font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/hanken-grotesk-400.woff2') format('woff2'); }
@font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/hanken-grotesk-500.woff2') format('woff2'); }
@font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/hanken-grotesk-600.woff2') format('woff2'); }
@font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/hanken-grotesk-700.woff2') format('woff2'); }
@font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 800; font-display: swap; src: url('/fonts/hanken-grotesk-800.woff2') format('woff2'); }
@font-face { font-family: 'Figtree'; font-style: italic; font-weight: 400; font-display: swap; src: url('/fonts/figtree-400-i.woff2') format('woff2'); }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/figtree-400.woff2') format('woff2'); }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/figtree-500.woff2') format('woff2'); }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/figtree-600.woff2') format('woff2'); }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/figtree-700.woff2') format('woff2'); }
@font-face { font-family: 'Figtree'; font-style: normal; font-weight: 800; font-display: swap; src: url('/fonts/figtree-800.woff2') format('woff2'); }
:root {
  --background: oklch(98.8% 0.010 177.8);
  --foreground: oklch(20.0% 0.016 177.8);
  --surface: oklch(100.0% 0.000 177.8);
  --surface-elevated: oklch(100.0% 0.001 177.8);
  --primary: oklch(47.7% 0.052 177.8);
  --primary-foreground: oklch(98.5% 0.010 177.8);
  --secondary: oklch(47.4% 0.043 27.8);
  --secondary-foreground: oklch(98.5% 0.007 27.8);
  --accent: oklch(60.9% 0.047 148.8);
  --accent-foreground: oklch(18.0% 0.019 148.8);
  --muted: oklch(95.3% 0.014 177.8);
  --muted-foreground: oklch(48.0% 0.026 177.8);
  --border: oklch(89.8% 0.016 177.8);
  --input: oklch(89.8% 0.016 177.8);
  --ring: oklch(55.7% 0.052 177.8);
  --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: 'Hanken Grotesk', system-ui, sans-serif;
  --font-heading: 'Hanken Grotesk', system-ui, sans-serif;
  --font-body: 'Figtree', system-ui, sans-serif;
  --weight-heading: 700;
  --tracking-heading: -0.03em;
  --case-heading: none;
  --leading-body: 1.65;

  --text-display: clamp(3.88rem, 9vw, 6.25rem);
  --text-h1: clamp(2.91rem, 7vw, 4.69rem);
  --text-h2: clamp(2.17rem, 5vw, 3.50rem);
  --text-h3: clamp(1.24rem, 2.6vw, 2.00rem);
  --text-body-lg: 1.327rem;
  --text-body: 1.125rem;
  --text-small: 0.984rem;
  --text-caption: 0.844rem;

  --radius-xs: 2px;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 9px;
  --radius-xl: 13px;
  --radius-button: 6px;

  --space-section: clamp(5rem, 12vw, 10rem);
  --space-container: 1160px;
  --space-gutter: clamp(1.25rem, 4vw, 2.5rem);

  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --shadow-premium: none;

  --duration: 320ms;
  --ease: cubic-bezier(.2,.7,.2,1);
  color-scheme: light;
}