/* Color Palette System
  Default: B — Graphite & Fir
*/
:root {
  /* B — Graphite & Fir (Default) */
  --ink: #111827;     /* Dark text */
  /* Warm and refined base palette */
  --paper: #F7F4EF;   /* Warm beige background */
  --accent: #111827;  /* Copper accent for links, CTAs */
  --muted: #64748B;   /* Slate tone for secondary text */
  --line: #E5E1DE;    /* Warmer grey for borders, dividers */
  --cta-text: #FFFFFF;

  /*
    Dynamic scroll gradient colour. This is updated via JavaScript on
    scroll to subtly shift the page background from the base paper tone
    towards a slightly darker tint. Defaults to the same as paper.
  */
  --gradient-scroll: var(--paper);

  --focus-ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--accent);
  color-scheme: light;
}

/* Optional Dark Mode - enable by uncommenting or via user toggle */
/* @media (prefers-color-scheme: dark) {
  :root {
    --ink: #F3F4F6;
    --paper: #111827;
    --accent: #34D399; 
    --muted: #9CA3AF;
    --line: #374151;
    --cta-text: #111827;
    color-scheme: dark;
  }
} */


/* A — Alpine Quiet (Alternative) */
/* :root {
  --ink:#0F172A;
  --paper:#F5F3EE;
  --accent:#1A8FE3;
  --muted:#6B7280;
  --line:#E5E7EB;
  --cta-text: #FFFFFF;
} */

/* C — Slate & Copper (Alternative) */
/* :root {
  --ink:#0B1220;
  --paper:#FAF8F5;
  --accent:#B86F3D;
  --muted:#64748B;
  --line:#E7E5E4;
  --cta-text: #FFFFFF;
} */