/* ============================================================
   TORUS DESIGN TOKENS
   Single source of truth for all design values.
   Load before every other Torus CSS file.
   ============================================================ */

:root {

  /* ── TORUS 7-COLOR SPECTRUM ───────────────────────────────── */
  --origin:      #6E4EF2;  /* curiosity   */
  --journey:     #2D8CFF;  /* discovery   */
  --growth:      #31B76A;  /* practice    */
  --wisdom:      #E6B325;  /* knowledge   */
  --courage:     #F47C3C;  /* challenge   */
  --imagination: #E667A5;  /* creativity  */
  --infinity:    #5B53D6;  /* mastery     */

  --gradient-torus-flow: linear-gradient(90deg,
    var(--origin), var(--journey), var(--growth),
    var(--wisdom), var(--courage), var(--imagination));

  /* ── BRAND (compat aliases used across existing CSS) ─────── */
  --brand-black:   #2D2B42;
  --brand-navy:    #2D2B42;
  --brand-gold:    var(--origin);
  --brand-gold-lt: var(--journey);
  --brand-gold-dk: var(--infinity);
  --brand-cream:   #F0EAD6;

  /* ── SURFACE (warm cream world) ───────────────────────────── */
  --surface-bg:     #F0EAD6;
  --surface-card:   #FFF8EA;
  --surface-raised: #FBF3DE;
  --surface-border: #E2D8BF;

  /* ── NEUTRAL TEXT ──────────────────────────────────────────── */
  --text-primary:   #2D2B42;
  --text-secondary: #6B6A74;
  --text-disabled:  #BDB5A4;

  /* ── SEMANTIC STATUS (mapped onto the spectrum) ───────────── */
  --color-success:      var(--growth);
  --color-warning:      var(--wisdom);
  --color-danger:       #E2544A;
  --color-info:         var(--journey);

  --color-success-tint: rgba(49,  183, 106, 0.12);
  --color-warning-tint: rgba(230, 179, 37,  0.12);
  --color-danger-tint:  rgba(226, 84,  74,  0.12);
  --color-info-tint:    rgba(45,  140, 255, 0.12);
  --color-gold-tint:    rgba(110, 78,  242, 0.10);

  /* ── GLASSMORPHISM (cream glass, not dark glass) ──────────── */
  --glass-bg:          rgba(255, 248, 234, 0.55);
  --glass-bg-md:       rgba(255, 248, 234, 0.75);
  --glass-bg-gold:     rgba(110, 78, 242,  0.07);
  --glass-border:      rgba(255, 255, 255, 0.6);
  --glass-border-gold: rgba(110, 78, 242,  0.25);

  /* ── TYPOGRAPHY (unchanged families — styling only per spec) ── */
  --ff-display: 'Cinzel', serif;
  --ff-body:    'Inter', sans-serif;

  --text-xs:   0.72rem;
  --text-sm:   0.82rem;
  --text-base: 0.9375rem;
  --text-md:   1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.375rem;
  --text-2xl:  1.75rem;
  --text-3xl:  2.5rem;

  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semi:   600;
  --fw-bold:   700;
  --fw-black:  800;

  /* ── SPACING ─────────────────────────────────────────────── */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* ── RADIUS ──────────────────────────────────────────────── */
  --radius-sm:  10px;
  --radius:     18px;
  --radius-lg:  24px;
  --radius-xl:  32px;
  --radius-full: 999px;

  /* ── SHADOWS (soft, warm, blurred — never harsh) ──────────── */
  --shadow-sm:   0 2px 10px  rgba(110, 78, 242, 0.06);
  --shadow-md:   0 10px 30px rgba(45, 43, 66,  0.08);
  --shadow-lg:   0 30px 70px rgba(45, 43, 66,  0.12);
  --shadow-gold: 0 8px 24px  rgba(110, 78, 242, 0.28);

  /* ── TRANSITIONS ─────────────────────────────────────────── */
  --transition-fast: 150ms ease;
  --transition:      250ms ease;
  --transition-slow: 400ms ease;
  --ease-spring:     cubic-bezier(0.16, 1, 0.3, 1);
}