/* =============================================================================
   Resize & Adjust — Direction B design tokens
   -----------------------------------------------------------------------------
   Apple-inspired: cinematic near-black, one calm accent, a spectrum reserved
   strictly for identity moments, light-weight display type, soft ambient depth.
   Nothing here borrows from Direction A — B stands alone.
   ========================================================================== */
:root {
  /* Ground & surfaces — near-black, cool bias toward the accent */
  --ink:      #050507;
  --ink-2:    #0a0b0f;
  --surface:  #101218;
  --surface-2:#161922;
  --surface-3:#1d212b;

  /* Hairlines — quiet, never structural like a grid */
  --line:   rgba(255, 255, 255, 0.10);
  --line-2: rgba(255, 255, 255, 0.17);

  /* Type */
  --text:   #f5f6f8;
  --text-2: #9aa0ad;
  --muted:  #6a7080;
  --muted-2:#4b5160;

  /* Accent — calm iris, used for focus/active only */
  --iris:      #8b7bff;
  --iris-hi:   #a396ff;
  --iris-weak: rgba(139, 123, 255, 0.16);
  --iris-ring: rgba(139, 123, 255, 0.42);
  --iris-glow: rgba(124, 110, 255, 0.55);

  /* Identity spectrum — the hero glow (aurora). Never UI chrome. */
  --spectrum: linear-gradient(100deg, #6366f1, #a855f7 40%, #e0559f 70%, #ff8a5b);

  /* The hero's one warm accent — "Instantly.", the sub-copy, the trust line. */
  --accent-warm: #ffbd5c;

  --ok:     #4fd6a8;
  --danger: #ff6b5e;
  --danger-weak: rgba(255, 107, 94, 0.14);

  /* Radii — generous, rounded, Apple-soft */
  --r-sm:  8px;
  --r-md:  12px;
  --r-lg:  18px;
  --r-xl:  24px;
  --r-pill: 999px;

  /* Space */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px;

  /* Depth — soft ambient shadow + a rim of light from above */
  --rim:       inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 10px 30px -8px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 30px 70px -20px rgba(0, 0, 0, 0.75);
  --shadow-xl: 0 60px 120px -40px rgba(0, 0, 0, 0.85);
  --glow:      0 40px 100px -30px var(--iris-glow);

  /* Motion — everything settles, nothing snaps */
  --ease:   cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --spring: cubic-bezier(0.22, 1.2, 0.36, 1);
  --t-fast: 140ms;
  --t:      220ms;
  --t-slow: 420ms;
  --t-cine: 900ms;

  --ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}