/*
  From The Top — shared design tokens
  Used by every layout variant (main, alt-split, alt-scroll) so the three
  stay visually related while their structures differ.
*/
:root {
  /* Brand palette (as supplied) */
  --ink: #0b5369;        /* Ink Blue   */
  --burgundy: #800020;   /* Burgundy   */
  --orchid: #da70d6;     /* Orchid     */
  --regency: #382259;    /* Regency    */

  /* Extended neutrals pulled from the logo art */
  --gold: #e3c05f;
  --night: #0d0a16;
  --night-2: #150f24;
  --cream: #faf3ea;
  --cream-dim: #e7ddd0;

  /* Semantic roles */
  --bg: var(--night);
  --bg-raised: var(--night-2);
  --text: var(--cream);
  --text-dim: #c9bfd6;
  --text-mute: #9c93ab;
  --accent: var(--orchid);
  --accent-2: var(--gold);
  --line: rgba(250, 243, 234, 0.14);

  /* Type */
  --font-display: "Bebas Neue", "Oswald", "Arial Narrow", sans-serif;
  --font-body: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Rhythm */
  --radius-sm: 8px;
  --radius: 16px;
  --radius-lg: 28px;
  --container: 1180px;
  --shadow-1: 0 10px 30px rgba(5, 3, 10, 0.45);
  --shadow-2: 0 22px 60px rgba(5, 3, 10, 0.55);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}