/*! © 2026 Ouibel.com · Conçu et développé par Ouibel · https://ouibel.com */
@font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 400; font-display: swap; src: url('/fonts/fraunces-400-i.woff2') format('woff2'); }
@font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/fraunces-400.woff2') format('woff2'); }
@font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/fraunces-500.woff2') format('woff2'); }
@font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/fraunces-600.woff2') format('woff2'); }
@font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/fraunces-700.woff2') format('woff2'); }
@font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 800; font-display: swap; src: url('/fonts/fraunces-800.woff2') format('woff2'); }
@font-face { font-family: 'Newsreader'; font-style: italic; font-weight: 400; font-display: swap; src: url('/fonts/newsreader-400-i.woff2') format('woff2'); }
@font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/newsreader-400.woff2') format('woff2'); }
@font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/newsreader-500.woff2') format('woff2'); }
@font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/newsreader-600.woff2') format('woff2'); }
@font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/newsreader-700.woff2') format('woff2'); }
@font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 800; font-display: swap; src: url('/fonts/newsreader-800.woff2') format('woff2'); }
:root {
  --background: oklch(97.3% 0.020 72.1);
  --foreground: oklch(21.7% 0.020 24.7);
  --surface: oklch(98.8% 0.008 72.1);
  --surface-elevated: oklch(100.0% 0.000 72.1);
  --primary: oklch(49.9% 0.067 24.7);
  --primary-foreground: oklch(98.5% 0.007 24.7);
  --secondary: oklch(30.8% 0.037 234.7);
  --secondary-foreground: oklch(98.5% 0.008 234.7);
  --accent: oklch(62.0% 0.061 350.1);
  --accent-foreground: oklch(18.0% 0.024 350.1);
  --muted: oklch(93.8% 0.024 72.1);
  --muted-foreground: oklch(48.0% 0.030 24.7);
  --border: oklch(88.3% 0.026 72.1);
  --input: oklch(88.3% 0.026 72.1);
  --ring: oklch(57.9% 0.067 24.7);
  --success: oklch(50.0% 0.130 150.0);
  --warning: oklch(55.0% 0.112 70.0);
  --error: oklch(52.0% 0.150 25.0);

  --font-display: 'Fraunces', Georgia, "Times New Roman", serif;
  --font-heading: 'Fraunces', Georgia, "Times New Roman", serif;
  --font-body: 'Newsreader', Georgia, "Times New Roman", serif;
  --weight-heading: 600;
  --tracking-heading: -0.01em;
  --case-heading: none;
  --leading-body: 1.65;

  --text-display: clamp(3.91rem, 9vw, 6.31rem);
  --text-h1: clamp(2.94rem, 7vw, 4.75rem);
  --text-h2: clamp(2.21rem, 5vw, 3.56rem);
  --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: 4px;
  --radius-md: 7px;
  --radius-lg: 11px;
  --radius-xl: 15px;
  --radius-button: 7px;

  --space-section: clamp(5rem, 12vw, 10rem);
  --space-container: 1200px;
  --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: 320ms;
  --ease: cubic-bezier(.2,.7,.2,1);
  color-scheme: light;
}