/* Oregon Providers, wire kit base (tokens, serif face, resets) for /user-guide. Round 2.
   The big guide-tile component was retired 2026-10-13: the guide hub is one grid of icon cards (orx-guides.css).
   Scoped: every rule sits under the root class .orx (set on a wrapper inside <main>). No rules on body, img, svg,
   headings or a. Resets use :where() so they add no specificity. Tokens live on .orx with an orx- prefix.
   Dark mode is opt-in only: data-theme="dark" on the .orx root. There is no prefers-color-scheme switch.
   Fonts: the sans is the Inter that _shell-head.tpl.php already loads from Google (no self-hosted "Inter").
   The serif is self-hosted under its own family name, "ORX Newsreader", so it can never clash. */

@font-face {
  font-family: "ORX Newsreader";
  src: url("assets/fonts/newsreader-500.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}

.orx {
  --orx-page: #F6F4EF;
  --orx-paper: #FCFBF8;
  --orx-stage: #ECE8E1;
  --orx-hair: #DCD8CF;
  --orx-field-line: #8A847A;
  --orx-ink: #1F1E1D;
  --orx-ink-soft: #5C574F;          /* 6.9:1 on paper */
  --orx-accent: #2F5C55;
  --orx-focus: #1F1E1D;
  --orx-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --orx-serif: "ORX Newsreader", Georgia, "Times New Roman", serif;
  --orx-r-xs: 4px; --orx-r-sm: 8px; --orx-r-md: 12px;
  --orx-gap: 24px;
  --orx-dur-xs: 120ms;
  --orx-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  /* read by the inline SVGs (fallbacks in each SVG match these light values) */
  --wf-ink: rgba(38, 36, 34, 0.7);
  --wf-lit: #2F5C55;
  --wf-w: 1.4px;
  --wf-w-lit: 1.5px;
}
.orx[data-theme="dark"] {
  --orx-page: #1A1917;
  --orx-paper: #22211E;
  --orx-stage: #2A2824;
  --orx-hair: #3A3732;
  --orx-field-line: #807A70;
  --orx-ink: #F0EEE6;
  --orx-ink-soft: #B9B4AA;          /* 7.8:1 on dark paper */
  --orx-accent: #7FB5AC;
  --orx-focus: #F0EEE6;
  --wf-ink: rgba(244, 242, 238, 0.7);
  --wf-lit: #7FB5AC;
}

/* resets, zero specificity */
:where(.orx) :where(h1, h2, h3, h4, p, ol, ul, dl, dd, figure) { margin: 0; }
:where(.orx) :where(svg) { display: block; }