:root {
  /* Brand */
  --navy: #071a2d;
  --navy-2: #051321;
  --navy-3: #0b2742;

  --white: #ffffff;
  --offwhite: #eef3f8;

  --red: #c1121f;
  --red-2: #ff2d2d;

  /* UI tokens */
  --bg: var(--navy-2);
  --bg-top: var(--navy);
  --surface: rgba(255,255,255,0.06);
  --surface-2: rgba(255,255,255,0.10);
  --border: rgba(255,255,255,0.12);

  --text: rgba(255,255,255,0.92);
  --text-2: rgba(255,255,255,0.74);
  --muted: rgba(255,255,255,0.55);

  --accent: var(--red);
  --accent-2: #2c7bff;
  --gold: #d9b451;

  --shadow-soft: 0 18px 50px rgba(0,0,0,0.35);
  --shadow-strong: 0 26px 80px rgba(0,0,0,0.55);

  --radius: 18px;
  --radius-sm: 12px;

  --font-regular: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  --font-display: var(--font-regular);

  /* Layout */
  --container: 1220px;
}