:root {
  /* Reference: RepoCity render, navy surface under a spotlight, brushed gold lettering. */
  --night: #02060f;
  --paper: #050f22;
  --navy: #0b1a33;
  --navy-2: #13294a;
  --spot: #5e80b0;
  --surface: linear-gradient(160deg, rgba(22, 42, 76, 0.72), rgba(8, 18, 38, 0.82));
  --surface-flat: rgba(10, 22, 44, 0.8);
  --surface-solid: #0b1a33;
  --raised: rgba(24, 46, 82, 0.78);
  --ink: #f4ecdb;
  --ink-2: #ddd3bf;
  --text: #d9d3c5;
  --muted: #98a4b8;
  --line: rgba(214, 190, 140, 0.13);
  --line-gold: rgba(214, 186, 132, 0.4);
  --gold: #c9a96e;
  --gold-light: #ead7ae;
  --gold-strong: #f3e3bf;
  --gold-deep: #8f7148;
  --gold-soft: rgba(201, 169, 110, 0.14);
  --gold-metal: linear-gradient(135deg, #f3e3bf 0%, #cdb07a 30%, #9c7f52 55%, #e2c993 78%, #8a6c43 100%);
  --good: #6fcf97;
  --good-soft: rgba(111, 207, 151, 0.13);
  --bad: #ef8a7a;
  --bad-soft: rgba(239, 138, 122, 0.14);
  --info-soft: rgba(94, 128, 176, 0.2);
  --radius: 16px;
  --shadow: 0 22px 50px rgba(0, 3, 10, 0.55), 0 2px 0 rgba(255, 255, 255, 0.03) inset, 0 -1px 0 rgba(0, 0, 0, 0.4) inset;
  --spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --font: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Syncopate", "Archivo", system-ui, sans-serif;
  --font-serif: "Source Serif", Georgia, "Times New Roman", serif;
  color-scheme: dark;
}