/* ===================================================
   CocoonHuts — Design Tokens
   Fonts: The Season (titres) + Acherus Grotesque (corps)
   Theme: Luxe épuré, clair, caribéen
   =================================================== */

/* Fonts — The Season */
@font-face {
  font-family: 'The Season';
  src: url('/assets/fonts/TheSeason-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'The Season';
  src: url('/assets/fonts/TheSeason-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'The Season';
  src: url('/assets/fonts/TheSeason-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'The Season';
  src: url('/assets/fonts/TheSeason-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Fonts — Acherus Grotesque */
@font-face {
  font-family: 'Acherus Grotesque';
  src: url('/assets/fonts/AcherusGrotesque-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Colors — Palette CocoonHuts */
  --color-green: #0E614A;
  --color-green-dark: #0A4D3B;
  --color-green-light: #12785C;
  --color-gold: #E0B16E;
  --color-gold-dark: #D6A65A;
  --color-gold-light: #E5B17F;
  --color-cream: #EFE5D9;
  --color-cream-dark: #E5D9CB;
  --color-black: #141414;
  --color-white: #FFFFFF;

  /* Semantic colors */
  --color-bg: var(--color-cream);
  --color-bg-alt: var(--color-white);
  --color-text: var(--color-black);
  --color-text-light: #555555;
  --color-heading: var(--color-green);
  --color-accent: var(--color-gold);
  --color-cta: var(--color-green);
  --color-cta-hover: var(--color-green-dark);
  --color-cta-text: var(--color-white);

  /* Typography */
  --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Acherus Grotesque', 'Helvetica Neue', Arial, sans-serif;
  --font-content: 'Josefin Sans', 'Helvetica Neue', Arial, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2rem;
  --text-4xl: 2.5rem;
  --text-5xl: 3.25rem;

  --leading-tight: 1.15;
  --leading-normal: 1.6;
  --tracking-wide: 0.08em;
  --tracking-wider: 0.15em;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* Layout */
  --max-width: 1400px;
  --max-width-narrow: 800px;
  --header-height: 110px;
  --border-radius: 4px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;

  /* Gradient doré */
  --gradient-gold: linear-gradient(135deg, var(--color-gold-dark), var(--color-cream), var(--color-gold));
}