/* ============================================================
   SwiftSend Design Tokens
   ------------------------------------------------------------
   Single source of truth for colours, spacing, type, motion.
   Preserves existing brand DNA (cyan + dark) from v1 splash.
   ============================================================ */

:root {
  /* ---- Brand palette (dark) ---- */
  --bg-deep:         #050810;   /* page bg, hero sections */
  --bg-elevated:     #0a0f1c;   /* cards on dark, sticky nav */
  --bg-glass-cyan:   rgba(0, 229, 255, 0.05);
  --border-glass:    rgba(0, 229, 255, 0.15);
  --text-light:      #ffffff;
  --text-muted:      #8b9dc3;

  /* ---- "Alt surface" tokens — used by sections originally designed as light.
     We've made the whole site dark — these tokens now point to darker charcoal
     variants so sections previously white become a subtle tonal shift of the dark theme. ---- */
  --bg-light:        #0d1320;   /* charcoal (was #ffffff) */
  --bg-light-alt:    #0a0f1c;   /* deeper charcoal (was #f8fafc) */
  --text-dark:       #f1f5f9;   /* near-white text on charcoal */
  --text-dark-muted: #94a3b8;   /* muted slate */
  --border-light:    rgba(255, 255, 255, 0.07);

  /* ---- Accent (signature electric cyan) ---- */
  --cyan:            #00e5ff;
  --cyan-hover:      #00f5ff;
  --cyan-on-light:   #00e5ff;   /* same cyan everywhere now site is uniformly dark */
  --cyan-glow:       0 0 30px rgba(0, 229, 255, 0.4);
  --cyan-glow-lg:    0 0 60px rgba(0, 229, 255, 0.5);

  /* ---- Supporting (used sparingly) ---- */
  --purple-mesh:     #7c3aed;
  --blue-mesh:       #1e3a8a;
  --success:         #00ff88;
  --danger:          #ff4757;

  /* ---- Spacing scale (rems) ---- */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;
  --s-10: 8rem;

  /* ---- Type scale (responsive via clamp) ---- */
  --t-h1:   clamp(2.25rem, 5vw + 1rem, 5rem);
  --t-h2:   clamp(1.875rem, 3vw + 1rem, 3.5rem);
  --t-h3:   clamp(1.375rem, 1.5vw + 1rem, 2rem);
  --t-h4:   clamp(1.125rem, 0.5vw + 1rem, 1.375rem);
  --t-body: clamp(1rem, 0.25vw + 0.95rem, 1.125rem);
  --t-small: 0.875rem;
  --t-eyebrow: 0.75rem;

  /* ---- Radii ---- */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-pill: 999px;

  /* ---- Motion ---- */
  --t-fast: 150ms;
  --t-base: 250ms;
  --t-slow: 500ms;
  --ease:   cubic-bezier(0.16, 1, 0.3, 1);

  /* ---- Layout ---- */
  --container-max: 1280px;
  --container-pad: clamp(1rem, 4vw, 3rem);
}