/* ============================================================
   OldSchool — shared brand tokens (GL-003)
   First-party stylesheet: satisfies CSP style-src 'self'.
   Link BEFORE each page's inline <style> so page rules still win.
   Master brand: green #2d5016 + gold #c4a04d on white.
   tube.html keeps its own dark palette and ignores the light vars.
   ============================================================ */

:root {
  /* Brand — greens */
  --brand-green:      #2d5016;   /* primary */
  --brand-green-mid:  #3d6820;   /* hover / mid */
  --brand-green-dark: #1f3810;   /* deep / headings */

  /* Brand — gold */
  --brand-gold:       #c4a04d;   /* accent */
  --brand-gold-dark:  #9c8c5e;   /* accent hover */

  /* Neutrals (kept close to existing page values) */
  --ink:        #202124;
  --body:       #333333;
  --muted:      #5f6368;
  --line:       #e0e0e0;
  --paper:      #ffffff;
  --paper-tint: #f8f9fa;

  /* Type */
  --font-sans: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --font-mono: "Courier New", monospace;

  /* Focus ring (accessibility) */
  --focus: 2px solid var(--brand-gold);
}

/* Opt-in helpers — pages reference these only where useful.
   Deliberately minimal so they don't fight 18 bespoke inline layouts. */
.brand-green { color: var(--brand-green); }
.brand-gold  { color: var(--brand-gold); }

/* Visible keyboard focus everywhere (WCAG 2.2). Pointer clicks unaffected. */
:focus-visible {
  outline: var(--focus);
  outline-offset: 2px;
}