/**
 * Glaze brand tokens — keep in sync with src/index.css @theme / :root glass.
 * Used by the marketing landing so the site root matches the player.
 */
:root {
  --bg: #050508;
  --bg-elev: #0e0e16;
  --ink: #f5f5f7;
  --ink-dim: #a1a1aa;
  --ink-faint: #6b6b75;
  --text-secondary: rgba(255, 255, 255, 0.55);
  --text-tertiary: rgba(255, 255, 255, 0.42);

  --accent: #a78bfa;
  --accent-solid: #a855f7;
  --accent-2: #ec4899;
  --cta-gradient: linear-gradient(135deg, #8b5cf6 0%, #c026d3 52%, #ec4899 100%);

  --amb-1: #9333ea;
  --amb-2: #ec4899;
  --amb-3: #38bdf8;

  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text",
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont,
    "SF Pro Display", "Segoe UI", sans-serif;

  --radius-glass: 24px;
  --ease-glass: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-spring: cubic-bezier(0.34, 1.3, 0.5, 1);

  --glass-blur: 28px;
  --glass-sat: 160%;
  --glass-fill: rgba(255, 255, 255, 0.06);
  --glass-fill-strong: rgba(255, 255, 255, 0.09);
  --glass-border: rgba(255, 255, 255, 0.14);
  --glass-sheen: rgba(255, 255, 255, 0.22);
  --glass-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);

  --pad: clamp(1.25rem, 5vw, 4.5rem);
  --edge-fade: #040408;
}