/* Generated by tokens/build.mjs from tokens/source.json. Do not edit. Names are prefixed with --hx- (cssPrefix hx-, ADR-0041). */
:root,
[data-theme="dark"],
.theme-dark {
  /* primitives */
  --hx-navy-950: oklch(0.16 0.03 260);
  --hx-navy-900: oklch(0.2 0.04 260);
  --hx-navy-800: oklch(0.25 0.04 260);
  --hx-navy-700: oklch(0.32 0.05 260);
  --hx-cyan: oklch(0.78 0.12 200);
  /* surfaces */
  --hx-bg: var(--hx-navy-950);
  --hx-side: oklch(0.14 0.03 260);
  --hx-panel: var(--hx-navy-900);
  --hx-panel2: var(--hx-navy-800);
  --hx-line: var(--hx-navy-700);
  --hx-line2: oklch(0.5 0.05 260);
  /* text-accent */
  --hx-text: oklch(0.96 0.01 260);
  --hx-muted: oklch(0.74 0.03 260);
  --hx-accent: oklch(0.65 0.19 255);
  --hx-accent-deep: oklch(0.56 0.15 255);
  --hx-ink: var(--hx-navy-950);
  --hx-acc-bg: color-mix(in oklch,var(--hx-accent) 16%,transparent);
  /* status */
  --hx-good: oklch(0.72 0.19 160);
  --hx-warn: oklch(0.78 0.16 75);
  --hx-bad: oklch(0.63 0.22 25);
  --hx-good-bg: color-mix(in oklch,var(--hx-good) 14%,transparent);
  --hx-warn-bg: color-mix(in oklch,var(--hx-warn) 14%,transparent);
  --hx-bad-bg: color-mix(in oklch,var(--hx-bad) 14%,transparent);
  --hx-good-line: color-mix(in oklch,var(--hx-good) 55%,transparent);
  --hx-warn-line: color-mix(in oklch,var(--hx-warn) 55%,transparent);
  --hx-bad-line: color-mix(in oklch,var(--hx-bad) 65%,transparent);
  --hx-unk-bg: color-mix(in oklch,var(--hx-muted) 14%,transparent);
  /* series */
  --hx-series-1: oklch(0.65 0.19 255);
  --hx-series-2: oklch(0.56 0.15 255);
  --hx-series-3: oklch(0.78 0.12 200);
  --hx-series-4: oklch(0.8 0.07 85);
  --hx-series-5: oklch(0.68 0.13 50);
  --hx-series-6: oklch(0.72 0.12 120);
  --hx-series-7: oklch(0.62 0.04 260);
  --hx-series-rest: var(--hx-line2);
  /* effects */
  --hx-hl: oklch(1 0 0 / 0.04);
  --hx-hl-strong: oklch(1 0 0 / 0.06);
  --hx-scrim: oklch(0.1 0.03 260 / 0.6);
  --hx-veil: oklch(0 0 0 / 0.55);
  --hx-sh-tip: 0px 8px 24px 0px oklch(0 0 0 / 0.4);
  --hx-sh-pop: 0px 24px 64px 0px oklch(0 0 0 / 0.5);
  --hx-sh-tile-hover: 0px 12px 32px 0px oklch(0 0 0 / 0.35);
  --hx-sh-drawer: -24px 0px 48px 0px oklch(0 0 0 / 0.45);
  /* mail */
  --hx-mail-bg: oklch(0.97 0.006 260);
  --hx-mail-ink: oklch(0.22 0.04 260);
  --hx-mail-muted: oklch(0.45 0.04 260);
  --hx-mail-line: oklch(0.88 0.015 260);
  --hx-mail-btn: oklch(0.48 0.2 262);
  --hx-mail-btn-ink: oklch(1 0 0);
  /* type */
  --hx-fs-val: 28px;
  --hx-fs-val-sm: 22px;
  --hx-fs-h1: 22px;
  --hx-fs-h3: 15px;
  --hx-fs-body: 14px;
  --hx-fs-label: 13px;
  --hx-fs-input: 16px;
  --hx-fs-chrome: 12px;
  --hx-sans: 'Space Grotesk', system-ui, sans-serif;
  --hx-mono: 'IBM Plex Mono', ui-monospace, monospace;
  /* structure */
  --hx-sp-1: 4px;
  --hx-sp-2: 8px;
  --hx-sp-3: 12px;
  --hx-sp-4: 16px;
  --hx-sp-5: 24px;
  --hx-sp-6: 32px;
  --hx-r-xs: 4px;
  --hx-r-sm: 6px;
  --hx-r-md: 10px;
  --hx-r-lg: 14px;
  --hx-r-pill: 999px;
  --hx-z-tip: 5;
  --hx-z-above: 1;
  --hx-z-cover: 0;
  --hx-z-drawer: 10;
  --hx-t-fast: 0.15s;
  --hx-hit: 44px;
  --hx-side-w: 248px;
  --hx-rail-w: 72px;
  --hx-bar-h: 64px;
}
[data-theme="light"],
.theme-light {
  --hx-cyan: oklch(0.48 0.1 210);
  --hx-bg: oklch(0.975 0.006 260);
  --hx-side: oklch(0.955 0.01 260);
  --hx-panel: oklch(1 0 0);
  --hx-panel2: oklch(0.965 0.008 260);
  --hx-line: oklch(0.89 0.012 260);
  --hx-line2: oklch(0.62 0.03 260);
  --hx-text: oklch(0.2 0.03 260);
  --hx-muted: oklch(0.44 0.03 260);
  --hx-accent: oklch(0.5 0.19 255);
  --hx-accent-deep: oklch(0.42 0.15 255);
  --hx-ink: oklch(0.99 0 0);
  --hx-acc-bg: color-mix(in oklch,var(--hx-accent) 16%,transparent);
  --hx-good: oklch(0.5 0.14 160);
  --hx-warn: oklch(0.5 0.12 70);
  --hx-bad: oklch(0.5 0.19 25);
  --hx-good-bg: color-mix(in oklch,var(--hx-good) 14%,transparent);
  --hx-warn-bg: color-mix(in oklch,var(--hx-warn) 14%,transparent);
  --hx-bad-bg: color-mix(in oklch,var(--hx-bad) 14%,transparent);
  --hx-good-line: color-mix(in oklch,var(--hx-good) 55%,transparent);
  --hx-warn-line: color-mix(in oklch,var(--hx-warn) 55%,transparent);
  --hx-bad-line: color-mix(in oklch,var(--hx-bad) 65%,transparent);
  --hx-unk-bg: color-mix(in oklch,var(--hx-muted) 14%,transparent);
  --hx-series-1: oklch(0.5 0.19 255);
  --hx-series-2: oklch(0.4 0.14 255);
  --hx-series-3: oklch(0.55 0.11 200);
  --hx-series-4: oklch(0.62 0.08 85);
  --hx-series-5: oklch(0.55 0.13 50);
  --hx-series-6: oklch(0.52 0.12 120);
  --hx-series-7: oklch(0.52 0.04 260);
  --hx-series-rest: var(--hx-line2);
  --hx-hl: oklch(1 0 0 / 0.7);
  --hx-hl-strong: oklch(1 0 0 / 0.9);
  --hx-scrim: oklch(0.2 0.03 260 / 0.4);
  --hx-veil: oklch(1 0 0 / 0.6);
  --hx-sh-tip: 0px 8px 24px 0px oklch(0.3 0.04 260 / 0.2);
  --hx-sh-pop: 0px 24px 64px 0px oklch(0.3 0.04 260 / 0.25);
  --hx-sh-tile-hover: 0px 12px 32px 0px oklch(0.3 0.04 260 / 0.16);
  --hx-sh-drawer: -24px 0px 48px 0px oklch(0.3 0.04 260 / 0.2);
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]):not(.theme-dark) {
    --hx-cyan: oklch(0.48 0.1 210);
    --hx-bg: oklch(0.975 0.006 260);
    --hx-side: oklch(0.955 0.01 260);
    --hx-panel: oklch(1 0 0);
    --hx-panel2: oklch(0.965 0.008 260);
    --hx-line: oklch(0.89 0.012 260);
    --hx-line2: oklch(0.62 0.03 260);
    --hx-text: oklch(0.2 0.03 260);
    --hx-muted: oklch(0.44 0.03 260);
    --hx-accent: oklch(0.5 0.19 255);
    --hx-accent-deep: oklch(0.42 0.15 255);
    --hx-ink: oklch(0.99 0 0);
    --hx-acc-bg: color-mix(in oklch,var(--hx-accent) 16%,transparent);
    --hx-good: oklch(0.5 0.14 160);
    --hx-warn: oklch(0.5 0.12 70);
    --hx-bad: oklch(0.5 0.19 25);
    --hx-good-bg: color-mix(in oklch,var(--hx-good) 14%,transparent);
    --hx-warn-bg: color-mix(in oklch,var(--hx-warn) 14%,transparent);
    --hx-bad-bg: color-mix(in oklch,var(--hx-bad) 14%,transparent);
    --hx-good-line: color-mix(in oklch,var(--hx-good) 55%,transparent);
    --hx-warn-line: color-mix(in oklch,var(--hx-warn) 55%,transparent);
    --hx-bad-line: color-mix(in oklch,var(--hx-bad) 65%,transparent);
    --hx-unk-bg: color-mix(in oklch,var(--hx-muted) 14%,transparent);
    --hx-series-1: oklch(0.5 0.19 255);
    --hx-series-2: oklch(0.4 0.14 255);
    --hx-series-3: oklch(0.55 0.11 200);
    --hx-series-4: oklch(0.62 0.08 85);
    --hx-series-5: oklch(0.55 0.13 50);
    --hx-series-6: oklch(0.52 0.12 120);
    --hx-series-7: oklch(0.52 0.04 260);
    --hx-series-rest: var(--hx-line2);
    --hx-hl: oklch(1 0 0 / 0.7);
    --hx-hl-strong: oklch(1 0 0 / 0.9);
    --hx-scrim: oklch(0.2 0.03 260 / 0.4);
    --hx-veil: oklch(1 0 0 / 0.6);
    --hx-sh-tip: 0px 8px 24px 0px oklch(0.3 0.04 260 / 0.2);
    --hx-sh-pop: 0px 24px 64px 0px oklch(0.3 0.04 260 / 0.25);
    --hx-sh-tile-hover: 0px 12px 32px 0px oklch(0.3 0.04 260 / 0.16);
    --hx-sh-drawer: -24px 0px 48px 0px oklch(0.3 0.04 260 / 0.2);
  }
}