/*
 * Ahead Brand System V1 — bridge for legacy stylesheets (aliya.css / styles.css / nav-drawer.css).
 *
 * Those stylesheets already theme every screen through a small set of CSS
 * custom properties (--ink, --soft, --rule, --bg, --warm, --warm-2, --accent,
 * --accent-ink, --accent-wash, --teal, --focus, --radius, --radius-lg,
 * --serif, --sans). Loading this file AFTER them remaps those variables to
 * the locked Ahead Brand System V1 tokens, so every product/app page picks
 * up the new navy/blue/ice palette, Inter type, and radius scale without any
 * class name, DOM structure, or JS-bound selector changing.
 *
 * Do not add new selectors here — this file only overrides :root custom
 * properties. Page-specific visual fixes belong in the page's own <style>.
 */
@import url("./tokens.css");

:root {
  --ink: var(--ahead-navy);
  --soft: var(--ahead-slate);
  --rule: var(--ahead-border);
  --bg: var(--ahead-white);
  --warm: var(--ahead-ice);
  --warm-2: var(--ahead-cloud);
  --accent: var(--ahead-blue);
  --accent-ink: #0F5BB8;
  --accent-wash: var(--ahead-ice);
  --teal: var(--ahead-navy);
  --focus: var(--ahead-blue);
  --radius: var(--radius-button);
  --radius-lg: var(--radius-card);
  --serif: var(--font);
  --sans: var(--font);
}