/* Vendored from @accelint/design-foundation@3.2.0 — DO NOT EDIT BY HAND.
   Refresh with: npm run tokens:sync

   Upstream ships these inside Tailwind v4 `@theme static { }` blocks.
   Hawkeye is a no-build prototype with no Tailwind, and a browser drops
   unknown at-rules wholesale — so the block is rewritten to `:root` here.
   Values are untouched. */

/*
  This file is generated by the generate-tokens.mjs script.
  Do not edit this file manually.
 */

/* tokens.css is linked separately by index.html */

:root {
  --bg-surface-default: light-dark(
    var(--primitive-neutral-100, #eff1f2),
    var(--primitive-neutral-900, #151517)
  );
  --bg-surface-raised: light-dark(
    var(--primitive-neutral-50, #ffffff),
    var(--primitive-neutral-800, #212223)
  );
  --bg-surface-overlay: light-dark(
    var(--primitive-neutral-50, #ffffff),
    var(--primitive-neutral-800, #212223)
  );
  --bg-surface-muted: light-dark(
    var(--primitive-alpha-black-100, rgba(0, 0, 0, 0.08)),
    var(--primitive-alpha-white-100, rgba(255, 255, 255, 0.08))
  );
  --bg-interactive-bold: light-dark(
    var(--primitive-neutral-900, #151517),
    var(--primitive-neutral-50, #ffffff)
  );
  --bg-interactive-bold-hover: light-dark(
    var(--primitive-neutral-800, #212223),
    var(--primitive-neutral-100, #eff1f2)
  );
  --bg-interactive-bold-pressed: light-dark(
    var(--primitive-neutral-300, #c3c5c7),
    var(--primitive-neutral-300, #c3c5c7)
  );
  --bg-interactive-muted: light-dark(
    var(--primitive-neutral-300, #c3c5c7),
    var(--primitive-neutral-700, #38393a)
  );
  --bg-interactive-muted-hover: light-dark(
    var(--primitive-neutral-200, #e1e1e1),
    var(--primitive-neutral-600, #414245)
  );
  --bg-interactive-muted-pressed: light-dark(
    var(--primitive-neutral-400, #888a8f),
    var(--primitive-neutral-950, #000000)
  );
  --bg-interactive-disabled: light-dark(
    var(--primitive-neutral-200, #e1e1e1),
    var(--primitive-neutral-700, #38393a)
  );
  --bg-accent-primary-bold: light-dark(
    var(--primitive-accent-primary-700, #004f7e),
    var(--primitive-accent-primary-700, #004f7e)
  );
  --bg-accent-primary-hover: light-dark(
    var(--primitive-accent-primary-600, #0068a1),
    var(--primitive-accent-primary-600, #0068a1)
  );
  --bg-accent-primary-pressed: light-dark(
    var(--primitive-accent-primary-800, #002c52),
    var(--primitive-accent-primary-800, #002c52)
  );
  --bg-accent-primary-muted: light-dark(
    var(--primitive-accent-primary-100, #b1e9ff),
    var(--primitive-accent-primary-800, #002c52)
  );
  --bg-info-bold: light-dark(
    var(--primitive-utility-info-400, #888a8f),
    var(--primitive-utility-info-500, #565759)
  );
  --bg-info-hover: light-dark(
    var(--primitive-utility-info-300, #c3c5c7),
    var(--primitive-utility-info-400, #888a8f)
  );
  --bg-info-pressed: light-dark(
    var(--primitive-utility-info-600, #414245),
    var(--primitive-utility-info-600, #414245)
  );
  --bg-info-muted: light-dark(
    var(--primitive-utility-info-100, #eff1f2),
    var(--primitive-utility-info-800, #212223)
  );
  --bg-advisory-bold: light-dark(
    var(--primitive-utility-advisory-600, #3c67a0),
    var(--primitive-utility-advisory-600, #3c67a0)
  );
  --bg-advisory-hover: light-dark(
    var(--primitive-utility-advisory-500, #4e88da),
    var(--primitive-utility-advisory-500, #4e88da)
  );
  --bg-advisory-pressed: light-dark(
    var(--primitive-utility-advisory-700, #264062),
    var(--primitive-utility-advisory-700, #264062)
  );
  --bg-advisory-muted: light-dark(
    var(--primitive-utility-advisory-100, #c4deff),
    var(--primitive-utility-advisory-900, #0e1825)
  );
  --bg-normal-bold: light-dark(
    var(--primitive-utility-normal-600, #1c7e23),
    var(--primitive-utility-normal-600, #1c7e23)
  );
  --bg-normal-hover: light-dark(
    var(--primitive-utility-normal-500, #26a12e),
    var(--primitive-utility-normal-500, #26a12e)
  );
  --bg-normal-pressed: light-dark(
    var(--primitive-utility-normal-700, #145718),
    var(--primitive-utility-normal-700, #145718)
  );
  --bg-normal-muted: light-dark(
    var(--primitive-utility-normal-100, #c2f5c5),
    var(--primitive-utility-normal-900, #08210a)
  );
  --bg-serious-bold: light-dark(
    var(--primitive-utility-serious-600, #bb7a00),
    var(--primitive-utility-serious-600, #bb7a00)
  );
  --bg-serious-hover: light-dark(
    var(--primitive-utility-serious-500, #e69600),
    var(--primitive-utility-serious-500, #e69600)
  );
  --bg-serious-pressed: light-dark(
    var(--primitive-utility-serious-800, #634101),
    var(--primitive-utility-serious-800, #634101)
  );
  --bg-serious-muted: light-dark(
    var(--primitive-utility-serious-100, #ffeac2),
    var(--primitive-utility-serious-900, #412b00)
  );
  --bg-critical-bold: light-dark(
    var(--primitive-utility-critical-700, #790501),
    var(--primitive-utility-critical-700, #790501)
  );
  --bg-critical-hover: light-dark(
    var(--primitive-utility-critical-600, #a10701),
    var(--primitive-utility-critical-600, #a10701)
  );
  --bg-critical-pressed: light-dark(
    var(--primitive-utility-critical-800, #540300),
    var(--primitive-utility-critical-800, #540300)
  );
  --bg-critical-muted: light-dark(
    var(--primitive-utility-critical-100, #ffc4c2),
    var(--primitive-utility-critical-900, #290200)
  );
  --fg-hover: light-dark(
    var(--primitive-neutral-800, #212223),
    var(--primitive-neutral-50, #ffffff)
  );
  --fg-pressed: light-dark(
    var(--primitive-neutral-500, #565759),
    var(--primitive-neutral-400, #888a8f)
  );
  --fg-primary-bold: light-dark(
    var(--primitive-neutral-800, #212223),
    var(--primitive-neutral-50, #ffffff)
  );
  --fg-primary-muted: light-dark(
    var(--primitive-neutral-500, #565759),
    var(--primitive-neutral-300, #c3c5c7)
  );
  --fg-inverse-bold: light-dark(
    var(--primitive-neutral-50, #ffffff),
    var(--primitive-neutral-800, #212223)
  );
  --fg-inverse-muted: light-dark(
    var(--primitive-neutral-400, #888a8f),
    var(--primitive-neutral-400, #888a8f)
  );
  --fg-disabled: light-dark(
    var(--primitive-neutral-300, #c3c5c7),
    var(--primitive-neutral-500, #565759)
  );
  --fg-accent-primary-bold: light-dark(
    var(--primitive-accent-primary-300, #39b7fa),
    var(--primitive-accent-primary-300, #39b7fa)
  );
  --fg-accent-primary-hover: light-dark(
    var(--primitive-accent-primary-200, #6ed1ff),
    var(--primitive-accent-primary-200, #6ed1ff)
  );
  --fg-accent-primary-pressed: light-dark(
    var(--primitive-accent-primary-600, #0068a1),
    var(--primitive-accent-primary-600, #0068a1)
  );
  --fg-info-bold: light-dark(
    var(--primitive-utility-info-600, #414245),
    var(--primitive-utility-info-400, #888a8f)
  );
  --fg-info-hover: light-dark(
    var(--primitive-utility-info-700, #38393a),
    var(--primitive-utility-info-200, #e1e1e1)
  );
  --fg-info-pressed: light-dark(
    var(--primitive-utility-info-500, #565759),
    var(--primitive-utility-info-600, #414245)
  );
  --fg-advisory-bold: light-dark(
    var(--primitive-utility-advisory-400, #62a6ff),
    var(--primitive-utility-advisory-400, #62a6ff)
  );
  --fg-advisory-hover: light-dark(
    var(--primitive-utility-advisory-600, #3c67a0),
    var(--primitive-utility-advisory-200, #a9ceff)
  );
  --fg-advisory-pressed: light-dark(
    var(--primitive-utility-advisory-500, #4e88da),
    var(--primitive-utility-advisory-600, #3c67a0)
  );
  --fg-normal-bold: light-dark(
    var(--primitive-utility-normal-400, #2bbf35),
    var(--primitive-utility-normal-400, #2bbf35)
  );
  --fg-normal-hover: light-dark(
    var(--primitive-utility-normal-600, #1c7e23),
    var(--primitive-utility-normal-200, #86e98c)
  );
  --fg-normal-pressed: light-dark(
    var(--primitive-utility-normal-500, #26a12e),
    var(--primitive-utility-normal-600, #1c7e23)
  );
  --fg-serious-bold: light-dark(
    var(--primitive-utility-serious-600, #bb7a00),
    var(--primitive-utility-serious-500, #e69600)
  );
  --fg-serious-hover: light-dark(
    var(--primitive-utility-serious-700, #8e5d00),
    var(--primitive-utility-serious-300, #ffc14c)
  );
  --fg-serious-pressed: light-dark(
    var(--primitive-utility-serious-600, #bb7a00),
    var(--primitive-utility-serious-600, #bb7a00)
  );
  --fg-critical-bold: light-dark(
    var(--primitive-utility-critical-400, #ff2e27),
    var(--primitive-utility-critical-400, #ff2e27)
  );
  --fg-critical-hover: light-dark(
    var(--primitive-utility-critical-600, #a10701),
    var(--primitive-utility-critical-300, #ff6d68)
  );
  --fg-critical-pressed: light-dark(
    var(--primitive-utility-critical-500, #d40b04),
    var(--primitive-utility-critical-600, #a10701)
  );
  --fg-a11y-on-accent: light-dark(
    var(--primitive-neutral-50, #ffffff),
    var(--primitive-neutral-50, #ffffff)
  );
  --fg-a11y-on-utility: light-dark(
    var(--primitive-neutral-50, #ffffff),
    var(--primitive-neutral-50, #ffffff)
  );
  --outline-static: light-dark(
    var(--primitive-neutral-300, #c3c5c7),
    var(--primitive-neutral-600, #414245)
  );
  --outline-interactive: light-dark(
    var(--primitive-neutral-300, #c3c5c7),
    var(--primitive-neutral-600, #414245)
  );
  --outline-interactive-hover: light-dark(
    var(--primitive-neutral-400, #888a8f),
    var(--primitive-neutral-400, #888a8f)
  );
  --outline-interactive-pressed: light-dark(
    var(--primitive-neutral-200, #e1e1e1),
    var(--primitive-neutral-700, #38393a)
  );
  --outline-interactive-disabled: light-dark(
    var(--primitive-neutral-200, #e1e1e1),
    var(--primitive-neutral-700, #38393a)
  );
  --outline-accent-primary-bold: light-dark(
    var(--primitive-accent-primary-300, #39b7fa),
    var(--primitive-accent-primary-300, #39b7fa)
  );
  --outline-accent-primary-hover: light-dark(
    var(--primitive-accent-primary-200, #6ed1ff),
    var(--primitive-accent-primary-200, #6ed1ff)
  );
  --outline-accent-primary-pressed: light-dark(
    var(--primitive-accent-primary-600, #0068a1),
    var(--primitive-accent-primary-600, #0068a1)
  );
  --outline-info-bold: light-dark(
    var(--primitive-utility-info-400, #888a8f),
    var(--primitive-utility-info-400, #888a8f)
  );
  --outline-info-hover: light-dark(
    var(--primitive-utility-info-600, #414245),
    var(--primitive-utility-info-200, #e1e1e1)
  );
  --outline-info-pressed: light-dark(
    var(--primitive-utility-info-500, #565759),
    var(--primitive-utility-info-600, #414245)
  );
  --outline-advisory-bold: light-dark(
    var(--primitive-utility-advisory-400, #62a6ff),
    var(--primitive-utility-advisory-400, #62a6ff)
  );
  --outline-advisory-hover: light-dark(
    var(--primitive-utility-advisory-600, #3c67a0),
    var(--primitive-utility-advisory-200, #a9ceff)
  );
  --outline-advisory-pressed: light-dark(
    var(--primitive-utility-advisory-500, #4e88da),
    var(--primitive-utility-advisory-600, #3c67a0)
  );
  --outline-normal-bold: light-dark(
    var(--primitive-utility-normal-400, #2bbf35),
    var(--primitive-utility-normal-400, #2bbf35)
  );
  --outline-normal-hover: light-dark(
    var(--primitive-utility-normal-600, #1c7e23),
    var(--primitive-utility-normal-200, #86e98c)
  );
  --outline-normal-pressed: light-dark(
    var(--primitive-utility-normal-500, #26a12e),
    var(--primitive-utility-normal-600, #1c7e23)
  );
  --outline-serious-bold: light-dark(
    var(--primitive-utility-serious-600, #bb7a00),
    var(--primitive-utility-serious-500, #e69600)
  );
  --outline-serious-hover: light-dark(
    var(--primitive-utility-serious-700, #8e5d00),
    var(--primitive-utility-serious-200, #ffd382)
  );
  --outline-serious-pressed: light-dark(
    var(--primitive-utility-serious-500, #e69600),
    var(--primitive-utility-serious-700, #8e5d00)
  );
  --outline-critical-bold: light-dark(
    var(--primitive-utility-critical-400, #ff2e27),
    var(--primitive-utility-critical-400, #ff2e27)
  );
  --outline-critical-hover: light-dark(
    var(--primitive-utility-critical-600, #a10701),
    var(--primitive-utility-critical-300, #ff6d68)
  );
  --outline-critical-pressed: light-dark(
    var(--primitive-utility-critical-500, #d40b04),
    var(--primitive-utility-critical-600, #a10701)
  );
  --outline-mono-bold: light-dark(
    var(--primitive-neutral-900, #151517),
    var(--primitive-neutral-50, #ffffff)
  );
  --outline-mono-bold-hover: light-dark(
    var(--primitive-neutral-700, #38393a),
    var(--primitive-neutral-100, #eff1f2)
  );
  --outline-mono-bold-pressed: light-dark(
    var(--primitive-neutral-600, #414245),
    var(--primitive-neutral-300, #c3c5c7)
  );
  --shadow-elevation-raised: 0 1px 4px 0
    light-dark(rgba(0 0 0 / 0.16), rgba(0 0 0 / 0.8));
  --shadow-elevation-overlay: 0 8px 24px 0
    light-dark(rgba(0 0 0 / 0.16), rgba(0 0 0 / 0.8));
}