/**
 * Northline shared design tokens.
 * These are the brand colors used identically across every page — update
 * them once here for a site-wide rebrand instead of hunting through 17 files.
 *
 * Deliberately NOT included here: --paper, --paper-2, --line, and dark-theme
 * variables (--ink-3, --muted-dark, --line-dark, --line-light). Those carry
 * different meaning on different pages (e.g. a light background page vs. a
 * dark hero section), so they stay defined locally on each page rather than
 * being forced into a false single meaning here.
 */
:root{
  --ink: #0E1B22;
  --ink-2: #16262E;
  --green: #3FA796;
  --violet: #7C6FE0;
  --red: #D7263D;
  --gold: #E8A33D;
  --muted: #5B6B66;
  --muted-2: #8A9490;
}

/* Visible keyboard focus for every interactive element — a plain click-based
   custom button/dropdown has no default focus indicator, which is a real
   problem for anyone navigating by keyboard rather than mouse. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline: 2px solid var(--violet);
  outline-offset: 2px;
  border-radius: 4px;
}