/* Plum theme tokens — brand values verbatim from
   shell/crates/shell/ui/src/theme/themes.ts (key: 'plum'), plus the sphere
   palette accents from branding/palette.ts and promo-only layout tokens. */

:root {
  /* Brand (plum) */
  --bg: #1a0d14;
  --surface: #21121b;
  --paper: rgba(43, 22, 35, 0.97);
  --paper-secondary: #351d2c;
  --text: #f1e7ec;
  --text-secondary: #c3a8b4;
  --border: rgba(200, 110, 145, 0.32);
  --primary: #c86e91;
  --primary-hot: #d482a5;
  --hover: rgba(212, 130, 165, 0.08);
  --active: rgba(212, 130, 165, 0.15);
  --selected: rgba(212, 130, 165, 0.12);
  --overlay-bg: rgba(26, 13, 20, 0.72);
  --overlay-blur: blur(18px) saturate(140%);
  --overlay-shadow: 0 8px 32px rgba(14, 4, 10, 0.55);
  --block-bg: rgba(43, 22, 35, 0.55);
  --divider: rgba(200, 110, 145, 0.2);

  /* Sphere palette (branding: fuchsia → violet → indigo) */
  --glow-hot: #e879f9;
  --glow-mid: #8b5cf6;
  --glow-deep: #312e81;

  /* Page depths — one step darker than app plum for stage drama */
  --void: #12050d;
  --void-soft: #17080f;

  --font-ui: "Inter Variable", Inter, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Menlo, monospace;

  --radius-card: 20px;
  --radius-button: 12px;
  --radius-pill: 999px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.45, 0, 0.55, 1);

  --max: 1120px;
  --section-pad-y: clamp(6rem, 15vh, 10rem);
}