/* ============================================================
   CILANTRO PARSLEY — Design tokens
   Källa: design_guide_cp.pdf (v1.0 — Permanent). Ändra aldrig
   kärnfärger eller typografiroller utan nytt godkänt underlag.
   ============================================================ */

:root {
  /* ---- Permanent Core Colors (guide s.11 — "Never change") ---- */
  --cp-white:      #FFFFFF;
  --cp-black:      #111111;
  --cp-cream:      #F5F1E8;
  --cp-sand:       #DCCFB6;
  --cp-olive:      #6C7750;
  --cp-forest:     #304D36;
  --cp-navy:       #17355A;
  --cp-royal:      #0047CC;

  /* ---- Signature Accents (guide s.12 — "used with discipline") ---- */
  --cp-yellow:     #FFE600;
  --cp-slime:      #76FF03;
  --cp-orange:     #FF5A00;
  --cp-turquoise:  #00C7D9;
  --cp-coral:      #FF6B5C;

  /* ---- Semantiska roller (70% neutral / 20% core / 10% accent) ---- */
  --bg:            var(--cp-cream);
  --bg-raised:     var(--cp-white);
  --ink:           var(--cp-black);
  --ink-soft:      #4a463f;          /* black mjukad mot cream — brödtext */
  --ink-faint:     #8a857a;          /* metadata, captions */
  --line:          rgba(17,17,17,.16);
  --line-strong:   var(--cp-black);
  --accent:        var(--cp-royal);  /* kickers, länkar — guidens blå detalj */
  --highlight:     var(--cp-yellow); /* "Premium"-pillen, signaturmoment */

  /* ---- Typografi ----
     OBS: Tillfälliga fria stand-ins. Guiden anger "spirit of Canela,
     Noe Display, Editorial New" (serif) och "Geist, Suisse, Neue Haas"
     (sans). Slutgiltigt licensierat val = öppen fråga (docs/06). */
  --font-serif: "Cormorant Garamond", "Times New Roman", serif;
  --font-sans:  "Geist", "Helvetica Neue", Arial, sans-serif;

  /* Skala */
  --fs-hero:    clamp(2.6rem, 6.5vw, 5.2rem);
  --fs-h1:      clamp(2.4rem, 5vw, 4rem);
  --fs-h2:      clamp(1.9rem, 3.4vw, 2.75rem);
  --fs-h3:      clamp(1.35rem, 2.2vw, 1.75rem);
  --fs-body:    1rem;
  --fs-small:   .875rem;
  --fs-label:   .72rem;      /* letterspaced uppercase-etiketter */
  --ls-label:   .14em;
  --ls-wordmark:.22em;

  /* Spacing & grid */
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6.5rem;
  --container: 1320px;
  --gutter: clamp(1rem, 4vw, 3rem);

  /* Form */
  --radius-pill: 999px;
  --radius-tile: 2px;       /* guiden är i grunden rätvinklig; pill endast knappar/chips */

  /* Motion */
  --ease: cubic-bezier(.22,.61,.36,1);
  --dur: .35s;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0s; }
}