/* Fellow 2026 core tokens — adapted from the canonical design system. */
:root{
  --accent-ember:#ef4633;
  --accent-ember-hover:#e73623;
  --accent-ember-press:#d12c1a;
  --accent-ember-ink:#17150f;
  --accent-ember-link:#c12715;
  --accent-support:#c9603f;
  --accent-support-bright:#d99a72;
  --accent-support-deep:#8a4a35;
  --accent-support-link:#8a4a35;
  --accent-support-hover:#6e3826;
  --accent-voltage:#efd46c;
  --glow-edge:#fff0e4;
  --glow-core:#ffdcc6;
  --glow-deep:#ffc0a0;
  --glow-abyss:#120705;
  /* Fine monochrome grain for every assembled glow surface. */
  --noise-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='144' height='144' viewBox='0 0 144 144'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.05' numOctaves='3' seed='7' stitchTiles='stitchTiles'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1.35' intercept='-.17'/%3E%3CfeFuncG type='linear' slope='1.35' intercept='-.17'/%3E%3CfeFuncB type='linear' slope='1.35' intercept='-.17'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='144' height='144' filter='url(%23n)'/%3E%3C/svg%3E");
  --canvas:#f6f4ee;
  --canvas-soft:#efece3;
  --surface:#fcfbf6;
  --surface-elevated:#f2efe7;
  --surface-inverted:#17150f;
  --hairline:#e5e0d4;
  --hairline-strong:#d8d2c4;
  --text-primary:#1b1a16;
  --text-body:#4c4a42;
  --text-muted:#837f72;
  --semantic-success:#22a559;
  --semantic-error:#d92d43;
  --r-xs:4px;
  --r-sm:6px;
  --r-md:10px;
  --r-lg:14px;
  --r-xl:20px;
  --r-xxl:28px;
  --r-full:9999px;
  --font-display:'itc-avant-garde-gothic-pro','Jost','Bai Jamjuree','Helvetica Neue',Arial,sans-serif;
  --font-body:'scandia-web','Hanken Grotesk','proxima-nova-thai-looped','IBM Plex Sans Thai Looped',system-ui,sans-serif;
  --font-mono:'nexa','Montserrat','IBM Plex Sans Thai Looped',system-ui,sans-serif;
}

html.dark{
  --accent-ember-link:#ef4633;
  --accent-support-link:#d99a72;
  --accent-support-hover:#e8b18d;
  --glow-edge:#f2a07a;
  --glow-core:#c9603f;
  --glow-deep:#7d2f2a;
  --canvas:#0f0e0b;
  --canvas-soft:#15130f;
  --surface:#1a1713;
  --surface-elevated:#232019;
  --surface-inverted:#f4f1e8;
  --hairline:rgba(244,241,232,.10);
  --hairline-strong:rgba(244,241,232,.20);
  --text-primary:#f2efe6;
  --text-body:#b9b4a7;
  --text-muted:#847f71;
}