/* Grid Lock City design tokens — sampled from the papercraft sprite sheets. */
:root {
  /* Inks & paper */
  --ink: #1d1812;
  --ink-soft: #4a3f33;
  --paper: #f3e6c8;
  --paper-hi: #fbf3df;
  --paper-2: #e6d4ad;
  --paper-edge: #c9b184;
  --note: #f7d96e;
  --note-edge: #e0b93f;

  /* Brand primaries */
  --red: #c8322b;
  --red-deep: #9c231e;
  --blue: #1f4f9c;
  --blue-deep: #163a74;
  --gold: #f2b632;
  --gold-deep: #c98a12;
  --green: #3a8a3a;
  --grass: #6da343;
  --steel: #8f8f8f;

  /* Player colours (match ownership markers) */
  --p-red: var(--red);
  --p-blue: var(--blue);
  --p-yellow: #e9a91e;
  --p-green: var(--green);

  /* Streets */
  --asphalt: #3a3938;
  --asphalt-2: #2f2e2d;
  --lane: #efe2c4;
  --curb: #e3d3b0;

  /* Tabletop */
  --table: #2a211a;
  --table-2: #3a2c20;

  /* Type */
  --font-display: 'Lilita One', 'Arial Rounded MT Bold', 'Trebuchet MS', system-ui, sans-serif;
  --font-body: 'Nunito', 'Segoe UI', system-ui, -apple-system, sans-serif;

  /* Shape */
  --outline: 3px;
  --radius: 14px;
  --radius-sm: 10px;
  --lift: 0 4px 0 var(--ink);
  --drop: 0 6px 0 rgba(0, 0, 0, 0.35), 0 14px 26px rgba(0, 0, 0, 0.45);
  --drop-sm: 0 3px 0 rgba(0, 0, 0, 0.35), 0 8px 14px rgba(0, 0, 0, 0.35);

  /* Space */
  --gutter: 16px;
  --gap: 12px;

  /* Motion */
  --ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
  --t-fast: 120ms;
  --t-med: 220ms;

  color-scheme: dark;
}