/* Design tokens: "Fixtures, night base" (docs/DESIGN.md). Do not add colours without updating that file.
   The older names (--bg, --ink and so on) are kept so every stylesheet reads the same tokens. */
:root {
  --bg:            #0f100f;  /* ground: page background */
  --ink:           #ecebe7;  /* text: headings, row names, times, borders that matter */
  --ink-soft:      #c4c3bd;  /* text-soft: captain names, secondary text in rows */
  --ink-hero:      #d0cfc9;  /* text-hero: the hero paragraph */
  --ink-secondary: #9c9b95;  /* muted: labels, helper text, footer links */
  --rule:          #2c2d2b;  /* hairlines between rows, under the header */
  --rule-strong:   #ecebe7;  /* the line above the column labels */
  --surface-alt:   #171817;  /* row-hover, group headers, notices */
  --strip-off:     #3a3b37;  /* the hatch line colour of an unfilled day bar */
  --accent:        #f2763c;  /* primary button, shared hours, wordmark full stop */
  --on-accent:     #0f100f;  /* text on the primary button */
  --danger:        #ff8f78;  /* errors, flags, destructive text; 8:1 on the ground */
  --focus:         #f2763c;
  --overlay:       rgba(0, 0, 0, 0.65);

  --font: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;

  /* the hatch behind every unfilled day bar */
  --hatch: repeating-linear-gradient(135deg, #3a3b37 0, #3a3b37 1px, #171817 1px, #171817 5px);

  /* spacing scale: 4, 8, 12, 16, 20, 24, 32, 48 */
  --gutter: 18px;
  --header-h: 0px;  /* sticky offset of the site header; 56px from 768px */
}

@media (min-width: 768px) {
  :root { --gutter: 32px; --header-h: 56px; }
}

@media (min-width: 1100px) {
  :root { --gutter: 48px; }
}