/* BEEM shared brand tokens — single source of truth for the motion system.
   Consumed by the Scene 2 splash (index.html) and, later, the Scene 1
   origin-story component. See
   docs/superpowers/specs/2026-05-17-beems-two-scenes-motion-design.md §5. */
:root {
  /* palette (v5/v6, aligned to the live site) */
  --ink: #0a0f1e;
  --panel: rgba(17, 24, 41, .78);
  --gold: #c9a84c;
  --gold-hot: #e7c983;
  --cream: #f1f4f8;
  --muted: #93a1b5;
  --border: #1e2841;

  /* background — the v6 stage recipe */
  --bg-stage:
    radial-gradient(ellipse at 50% 30%, rgba(201, 168, 76, .12), transparent 48%),
    linear-gradient(180deg, rgba(10, 15, 30, .04), rgba(10, 15, 30, .92)),
    var(--ink);

  /* easing */
  --ease-settle: cubic-bezier(.22, .86, .16, 1);
  --ease-draw: cubic-bezier(.2, .82, .18, 1);
  --ease-soft: ease-in-out;

  /* durations */
  --dur-hold: 400ms;
  --dur-fade: 600ms;
  --dur-scene2: 1.5s;
  --dur-scene1: 8s;

  /* radius */
  --r-sm: 4px;
  --r-md: 8px;
  --r-pill: 999px;
}