/* =============================================================
   CATALIA — Design Tokens V2
   Palette officielle de marque
   ============================================================= */

/* ——— Fonts ——— */
@font-face {
  font-family: 'SeasonMix';
  src: url('../assets/fonts/SeasonMix-TRIAL-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SeasonMix';
  src: url('../assets/fonts/SeasonMix-TRIAL-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sharp Sans';
  src: url('../assets/fonts/Sharp Sans.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sharp Sans';
  src: url('../assets/fonts/Sharp Sans Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Sharp Sans';
  src: url('../assets/fonts/SharpSansBold 2.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ——— Palette de marque ——— */
  --brand:            #580047;   /* Aubergine — couleur principale */
  --brand-dark:       #3D0032;
  --brand-deeper:     #260020;
  --brand-light:      #F9EDF7;
  --brand-mid:        #8A1070;

  /* Gradient chaud (jaune → orange → rouge → rose) */
  --grad-1: #FDB81D;
  --grad-2: #FF9902;
  --grad-3: #FF7601;
  --grad-4: #FE4F02;
  --grad-5: #FD3C01;
  --grad-6: #FF3F4C;
  --grad-7: #FF3153;

  --accent:       #FF7601;  /* Orange — CTA principal */
  --accent-hover: #FD3C01;
  --accent-warm:  #FDB81D;  /* Jaune — highlight */

  /* Neutres de marque */
  --neutral-100: #F8F7F5;
  --neutral-200: #EDEDEA;
  --neutral-300: #C7CDC7;
  --neutral-400: #B1C0C9;
  --neutral-500: #7B7C7F;
  --neutral-600: #4A4B4E;
  --neutral-900: #12080F;

  /* ——— Couleurs sémantiques ——— */
  --color-bg:        var(--neutral-100);
  --color-surface:   #FFFFFF;
  --color-text:      var(--neutral-900);
  --color-text-soft: var(--neutral-600);
  --color-muted:     var(--neutral-500);
  --color-border:    var(--neutral-200);

  /* ——— Pas de dégradés — couleurs solides uniquement ——— */

  /* ——— Ombres ——— */
  --shadow-sm:   0 2px 8px rgba(88, 0, 71, 0.06);
  --shadow-md:   0 8px 32px rgba(88, 0, 71, 0.10);
  --shadow-lg:   0 20px 60px rgba(88, 0, 71, 0.14);
  --shadow-card: 0 2px 12px rgba(18, 8, 15, 0.06);
  --shadow-card-hover: 0 12px 40px rgba(88, 0, 71, 0.15);

  /* ——— Rayons ——— */
  --radius:    20px;
  --radius-sm: 12px;
  --radius-xs: 6px;
  --radius-pill: 100px;

  /* ——— Espaces ——— */
  --sp-xs:  0.5rem;
  --sp-sm:  1rem;
  --sp-md:  1.5rem;
  --sp-lg:  2.5rem;
  --sp-xl:  4rem;
  --sp-2xl: 6rem;
  --sp-3xl: 8rem;

  /* ——— Typographie ——— */
  --font-display: 'SeasonMix', 'Georgia', serif;
  --font-heading: 'SeasonMix', 'Georgia', serif;
  --font-body:    'Sharp Sans', 'Inter', '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.625rem;
  --text-5xl:  3.5rem;
  --text-6xl:  4.5rem;

  --leading-tight:  1.1;
  --leading-snug:   1.3;
  --leading-normal: 1.65;

  /* ——— Layout ——— */
  --max-width:      1280px;
  --max-width-text: 680px;

  /* ——— Transitions ——— */
  --transition: 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);

  /* ——— Nav ——— */
  --nav-height: 76px;
}