/* Worms Armageddon — design tokens. The single source of aesthetic truth.
   Direction: dark steel + gold, condensed display, engraved luxury-object feel. */

:root {
  /* steel */
  --ink-0: #0b0d10;   /* page depths */
  --ink-1: #12151a;   /* panels */
  --ink-2: #1c2129;   /* raised surfaces */
  --steel-3: #2e3540; /* borders, engraving lines */
  --steel-4: #556070; /* muted metal, disabled */
  --steel-5: #99a3b0; /* secondary text */
  --paper:   #eae7e0; /* primary text, warm off-white */

  /* gold */
  --gold:    #c9a337;
  --gold-hi: #ecd27c;
  --gold-lo: #7d6420;

  /* type */
  --font-display: "Anton", "Arial Narrow", sans-serif;
  --font-body: "Inter", -apple-system, "Helvetica Neue", sans-serif;
  --tracking-display: 0.04em;
  --tracking-label: 0.22em;

  /* scale */
  --s1: 0.25rem;
  --s2: 0.5rem;
  --s3: 1rem;
  --s4: 1.5rem;
  --s5: 2.5rem;
  --s6: 4rem;

  --radius: 3px;
  --hairline: 1px solid var(--steel-3);
  --shadow-deep: 0 18px 50px rgba(0, 0, 0, 0.55);
  --glint: linear-gradient(105deg, var(--gold-lo), var(--gold) 38%, var(--gold-hi) 50%, var(--gold) 62%, var(--gold-lo));
  --brushed: repeating-linear-gradient(
      92deg,
      rgba(255, 255, 255, 0.012) 0px,
      rgba(255, 255, 255, 0.028) 1px,
      rgba(0, 0, 0, 0.02) 2px,
      rgba(255, 255, 255, 0.012) 3px);
}