/*! © 2026 Ouibel.com · Conçu et développé par Ouibel · https://ouibel.com */
@font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/bebas-neue-400.woff2') format('woff2'); }
@font-face { font-family: 'Schibsted Grotesk'; font-style: italic; font-weight: 400; font-display: swap; src: url('/fonts/schibsted-grotesk-400-i.woff2') format('woff2'); }
@font-face { font-family: 'Schibsted Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/schibsted-grotesk-400.woff2') format('woff2'); }
@font-face { font-family: 'Schibsted Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/schibsted-grotesk-500.woff2') format('woff2'); }
@font-face { font-family: 'Schibsted Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/schibsted-grotesk-600.woff2') format('woff2'); }
@font-face { font-family: 'Schibsted Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/schibsted-grotesk-700.woff2') format('woff2'); }
@font-face { font-family: 'Schibsted Grotesk'; font-style: normal; font-weight: 800; font-display: swap; src: url('/fonts/schibsted-grotesk-800.woff2') format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/space-grotesk-400.woff2') format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/space-grotesk-500.woff2') format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/space-grotesk-600.woff2') format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/space-grotesk-700.woff2') format('woff2'); }
:root {
  --background: oklch(99.0% 0.006 51.4);
  --foreground: oklch(18.9% 0.005 51.4);
  --surface: oklch(100.0% 0.000 51.4);
  --surface-elevated: oklch(100.0% 0.000 51.4);
  --primary: oklch(42.4% 0.103 51.4);
  --primary-foreground: oklch(98.5% 0.008 51.4);
  --secondary: oklch(25.0% 0.030 51.4);
  --secondary-foreground: oklch(98.5% 0.008 51.4);
  --accent: oklch(53.5% 0.107 89.3);
  --accent-foreground: oklch(98.5% 0.010 89.3);
  --muted: oklch(95.5% 0.016 51.4);
  --muted-foreground: oklch(48.0% 0.015 51.4);
  --border: oklch(90.0% 0.018 51.4);
  --input: oklch(90.0% 0.018 51.4);
  --ring: oklch(50.4% 0.119 51.4);
  --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: 'Bebas Neue', Impact, "Arial Narrow", sans-serif;
  --font-heading: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'Space Grotesk', system-ui, sans-serif;
  --weight-heading: 800;
  --tracking-heading: -0.03em;
  --case-heading: none;
  --leading-body: 1.65;

  --text-display: clamp(7.52rem, 9vw, 12.13rem);
  --text-h1: clamp(5.00rem, 7vw, 8.06rem);
  --text-h2: clamp(3.33rem, 5vw, 5.38rem);
  --text-h3: clamp(1.47rem, 2.6vw, 2.38rem);
  --text-body-lg: 1.254rem;
  --text-body: 1.063rem;
  --text-small: 0.930rem;
  --text-caption: 0.797rem;

  --radius-xs: 0px;
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-xl: 0px;
  --radius-button: 0px;

  --space-section: clamp(4rem, 9vw, 7.5rem);
  --space-container: 1360px;
  --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;
}