/* ============================================================
   tokens.css — Positivity Labs design tokens
   ------------------------------------------------------------
   THIS IS THE SWAP FILE. When the new brand palette lands,
   edit values HERE only. Nothing else references raw colors.

   ⚠ Colors below are the CURRENT brand values from CLAUDE.md
   and are expected to change. Treat every value as provisional.
   ============================================================ */

:root {
  /* ---- Core brand ---- */
  --c-teal:            #3A7A74;   /* primary / logo teal */
  --c-teal-light:      #4AADA0;
  --c-indigo:          #2C1F5E;   /* premium dark panels */
  --c-indigo-deep:     #1A1035;
  --c-gold:            #C5A84A;   /* value / offer emphasis */
  --c-gold-deep:       #8A6E1A;
  --c-ground:          #F9F7F3;   /* warm off-white page ground */
  --c-ink:             #241f2e;   /* primary text on light */
  --c-ink-soft:        #5c5566;   /* secondary text */
  --c-line:            #e6e1d8;   /* hairline rules */
  --c-white:           #ffffff;

  /* ---- Surfaces ---- */
  --surface-page:      var(--c-ground);
  --surface-card:      var(--c-white);
  --surface-dark:      var(--c-indigo-deep);

  /* ---- Intention gradients ----
     Each intention OWNS its gradient. Defined in CLAUDE.md §7.
     Missing ones are flagged with --grad-undefined until brand
     supplies them — DO NOT invent a color for these. */
  --grad-wealth:       linear-gradient(145deg, #D4A017, #A86E00);
  --grad-love:         linear-gradient(145deg, #E8A0B0, #B8607A);
  --grad-happiness:    linear-gradient(145deg, #E8823A, #B85010);
  --grad-calm:         linear-gradient(145deg, #9B72CF, #5A2E90);
  --grad-luck:         linear-gradient(145deg, #5BAD72, #286840);
  --grad-forgiveness:  linear-gradient(145deg, #C06080, #7A2848);
  --grad-clarity:      linear-gradient(145deg, #90B8D4, #5080A0);
  --grad-confidence:   linear-gradient(145deg, #D45A30, #922808);

  /* Intentions with NO brand gradient yet (Wisdom, Hope, Readiness,
     Focus, Balance). Neutral placeholder — flagged in the UI. */
  --grad-undefined:    linear-gradient(145deg, #8a8594, #4f4a58);

  /* ---- Typography ----
     Kallisto is licensed and not yet installed; fallback stack
     used until the .woff2 files are added via @font-face. */
  --font-display: "Kallisto", "Georgia", "Times New Roman", serif;
  --font-body:    "Georgia", "Times New Roman", serif;
  --font-ui:      "Kallisto", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ---- Type scale ---- */
  --step--1: clamp(0.83rem, 0.8rem + 0.2vw, 0.94rem);
  --step-0:  clamp(1rem, 0.95rem + 0.3vw, 1.15rem);
  --step-1:  clamp(1.3rem, 1.2rem + 0.6vw, 1.6rem);
  --step-2:  clamp(1.7rem, 1.5rem + 1vw, 2.3rem);
  --step-3:  clamp(2.2rem, 1.8rem + 2vw, 3.4rem);
  --step-4:  clamp(2.8rem, 2rem + 3.6vw, 5rem);

  /* ---- Spacing / shape / motion ---- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;
  --radius:   14px;
  --radius-lg: 24px;
  --shadow:   0 10px 40px -12px rgba(36, 20, 60, 0.22);
  --shadow-sm: 0 4px 16px -6px rgba(36, 20, 60, 0.18);
  --ease:     cubic-bezier(0.22, 1, 0.36, 1);
  --maxw:     1180px;
}