/* @hifive/tokens 1.2.1 — built 2026-11-10. Edit packages/tokens/src, not this file. */
/* HiFive ID portal (hifive-id-portal) — maps the portal's own variables onto the tokens.
   Written 9 Nov 2026 against hifive-id-portal/src/styles.css.

   The portal is the design system's reference implementation, so this alias is temporary: as the
   landing page components move to @hifive/ui they read derived tokens directly and these rows
   disappear. Until then the existing hub (cover, Waiting for you, letters, tiles) follows the
   person's palette through this file.

   The portal keys dark on html[data-dark="true"] (index.html boot + ThemeToggle). boot.js sets
   data-theme; the portal mirrors it onto data-dark in its own head script, so both are honoured. */

html[data-skin] {
  --surface-dark: rgb(var(--ink-900));
  --text-strong: var(--text-strong);
  --navy-900: rgb(var(--ink-900)); --navy-800: rgb(var(--ink-800)); --navy-700: rgb(var(--brand-800));
  --navy-500: var(--primary); --navy-100: var(--primary-soft);
  --action: var(--primary); --action-h: var(--primary-hover);
  --tint: var(--primary-soft); --wash: rgb(var(--brand-50) / .6);
  --action-grad: linear-gradient(180deg, rgb(var(--brand-500)), rgb(var(--brand-600)));
  --action-grad-h: linear-gradient(180deg, rgb(var(--brand-400)), rgb(var(--brand-500)));
  --bar-grad: linear-gradient(100deg, rgb(var(--ink-900)) 55%, rgb(var(--brand-900)));
  --page-wash: linear-gradient(180deg, rgb(var(--brand-50)) 0, rgb(var(--ink-50)) 220px, var(--surface-0) 460px);

  /* status: fixed across skins */
  --red-700: rgb(var(--danger)); --red-600: rgb(var(--danger)); --red-100: rgb(var(--danger) / .1);
  --gold-600: rgb(var(--warn)); --gold-100: rgb(var(--warn) / .14);
  --teal-500: var(--accent); --teal-700: rgb(var(--ok)); --teal-100: rgb(var(--ok) / .12);

  --bg: var(--surface-0); --bg-alt: var(--surface-0); --bg-sub: var(--surface-2);
  --surface: var(--surface-1); --on-dark: #ffffff;
  --border: var(--line); --border-strong: var(--line-strong);
  --ink: var(--text-strong); --ink-muted: var(--text); --ink-soft: var(--text-muted); --ink-faint: var(--text-muted);
  --focus: var(--primary);

  --f: var(--font-body); --fd: var(--font-display);
  --sh1: var(--shadow-card); --sh2: var(--shadow-card); --sh: var(--shadow-float);
  --r-1: 8px; --r-2: var(--r-sm); --r-3: 12px; --r-4: var(--r-md); --r-5: var(--r-lg); --r-f: var(--r-pill);
}
/* Soft: the cover and the cards may lift; the tiles grid and lists stay flat (Part B). */
html[data-skin][data-style="soft"] .todos, html[data-skin][data-style="soft"] table { box-shadow: none; }