/* ============================================================
   ULTRA — Design Tokens
   Single source of truth. Values lifted 1:1 from the
   Higgs Field style-guide panel. Change the brand here once,
   and every page updates.
   ============================================================ */

:root {
  /* ---- Brand palette (from style guide) ---- */
  --violet:        #7C3AED;  /* primary brand */
  --pink:          #EC4899;  /* accent / gradient end */
  --violet-300:    #8B5CF6;  /* lighter violet */
  --cyan:          #0EA5E9;  /* secondary accent */
  --slate-900:     #111827;  /* card / surface base */

  /* ---- Derived surfaces (dark theme) ---- */
  --bg:            #050509;  /* page background, near-black */
  --bg-elev:       #0a0a14;  /* elevated panels */
  --surface:       #0e0e1a;  /* cards */
  --surface-2:     #14142400; /* transparent helper */
  --border:        rgba(139, 92, 246, 0.14);  /* hairline, violet-tinted */
  --border-strong: rgba(139, 92, 246, 0.30);

  /* ---- Text ---- */
  --text:          #f4f4f8;  /* primary */
  --text-dim:      #a9a8c0;  /* secondary */
  --text-faint:    #6f6e88;  /* tertiary / captions */

  /* ---- Warm luxury accent (the "approachable" tune) ---- */
  --gold:          #C9A961;  /* champagne gold */
  --gold-soft:     rgba(201, 169, 97, 0.12);
  --gold-hairline: rgba(201, 169, 97, 0.40);

  /* ---- Premium glass surfaces (lighter, warmer) ---- */
  --glass:         rgba(255, 255, 255, 0.035);
  --glass-2:       rgba(255, 255, 255, 0.06);
  --glass-border:  rgba(255, 255, 255, 0.09);

  /* ---- Signature gradients ---- */
  --grad-brand:    linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%);
  --grad-brand-soft: linear-gradient(135deg, rgba(124,58,237,0.18) 0%, rgba(236,72,153,0.18) 100%);
  --grad-text:     linear-gradient(120deg, #a78bfa 0%, #EC4899 55%, #f0abfc 100%);
  --grad-warm:     linear-gradient(120deg, #a78bfa 0%, #EC4899 50%, #e7c98a 100%);
  --glow-violet:   0 0 60px rgba(124, 58, 237, 0.45);
  --glow-pink:     0 0 50px rgba(236, 72, 153, 0.35);
  --glow-warm:     0 0 60px rgba(201, 169, 97, 0.30);

  /* ---- Typography ---- */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  /* weights mirror style guide: Light / Regular / Medium / Semi Bold / Bold */
  --fw-light:   300;
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;

  /* fluid type scale (clamp keeps it responsive without breakpoints) */
  --fs-display: clamp(2.75rem, 6vw, 5rem);
  --fs-h1:      clamp(2rem, 4vw, 3.25rem);
  --fs-h2:      clamp(1.6rem, 3vw, 2.4rem);
  --fs-h3:      clamp(1.15rem, 1.6vw, 1.4rem);
  --fs-lead:    clamp(1.05rem, 1.4vw, 1.2rem);
  --fs-body:    1rem;
  --fs-sm:      0.875rem;
  --fs-xs:      0.75rem;

  /* ---- Spacing & radius ---- */
  --space-section: clamp(4rem, 9vw, 8rem);
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;

  /* ---- Layout ---- */
  --maxw: 1200px;
  --gutter: clamp(1.25rem, 4vw, 3rem);

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 160ms;
  --t-med: 320ms;
}