/* ============================================================================
   BRAND LAYER, Untapped Learning: loaded AFTER css/os.css.

   css/os.css IS the live OS stylesheet: never hand-edit it. This file is the
   only per-prospect sheet, and it sets only the ramps the OS derives
   everything else from (design-system/css/brand.css explains the tokens).

   Untapped's site is two colours: Untapped Navy #161c21 (the theme's
   secondary, the footer behind the white logo) and Untapped Blue #0099dc (the
   "Schedule a Consult" button). White on #0099dc is 3.19:1, so the ramp puts
   the theme's own deeper blue #007ab0 (4.76:1, their link hover) at
   --accent-600, where buttons and links live, and keeps #0099dc at
   --accent-500 for charts and highlights. Electric Blue #95d3e9 is
   --accent-300. The sidebar runs Untapped Navy into --accent-700.
   No fonts here: one type system in every OS.
   ========================================================================= */
:root {
  /* ── ink: Untapped Navy. Borders, display type, every grey; --ink-900 is
     the TOP of the sidebar's gradient, dark enough for white nav text. ── */
  --ink-50:  #f2f4f6;
  --ink-100: #e6e9ec;
  --ink-200: #cdd3d9;
  --ink-300: #9aa5b0;
  --ink-400: #76828e;
  --ink-500: #5b6773;
  --ink-600: #434e58;
  --ink-700: #313a42;
  --ink-800: #222a31;
  --ink-900: #161c21;
  --ink-950: #0d1114;

  /* ── accent: Untapped Blue. Active nav, primary buttons, charts, links;
     --accent-700 is the BOTTOM of the sidebar's gradient. ─────────────── */
  --accent-50:  #eef8fd;
  --accent-100: #d9f0fb;
  --accent-200: #b8e3f7;
  --accent-300: #95d3e9;
  --accent-400: #4db8e8;
  --accent-500: #0099dc;
  --accent-600: #007ab0;
  --accent-700: #005f8a;
  --accent-800: #004a6c;
  --accent-900: #003d58;

  --paper: #f6f8fa;

  /* ── the ground and the soft shadows, in this brand ──────────────────── */
  --wash-1: rgba(0, 122, 176, 0.10);   /* --accent-600 at 0.10 */
  --wash-2: rgba(0, 122, 176, 0.07);
  --wash-3: rgba(0, 122, 176, 0.05);
  --brand-hue: 0, 122, 176;            /* --accent-600 as r, g, b */

  /* Reserved. Spent ONLY on a blocked compliance check, never decoration. */
  --block: #b4232a;
  --block-bg: #fbe9ea;
  --block-border: #e9bfc2;
}