/* GENERATED by packages/ui/scripts/build-brand.mjs from packages/ui/src/styles/tokens.css — do not edit.
   The kit's tokens under the --haiyz-* names the non-Next surfaces read (status page, API pages, Kuma).
   `:root` = light (the apps' default), html[data-theme="dark"] = dark. Consumers copy this file with
   infra/scripts/brand-sync.sh. */
:root {
  color-scheme: light;
  --haiyz-primary: #01b06e;
  --haiyz-primary-strong: #0ec27d;
  --haiyz-primary-soft: #e3f3ea;
  --haiyz-primary-text: #0a7a4c;
  --haiyz-on-primary: #0d1713;
  --haiyz-bg: #fafaf7;
  --haiyz-card: #ffffff;
  --haiyz-card-glass: #ffffff;
  --haiyz-sunken: #f2f3ef;
  --haiyz-field: #ffffff;
  --haiyz-ink: #0d1713;
  --haiyz-strong: #0d1713;
  --haiyz-muted: #4b5a53;
  --haiyz-border: #dce2de;
  --haiyz-edge: #c9d1cc;
  --haiyz-boundary: #76827c;
  --haiyz-focus: #0a7a4c;
  --haiyz-grid: rgb(13 23 19 / 0.05);
  --haiyz-glow: transparent;
  --haiyz-shadow: 0 1px 2px rgb(13 23 19 / 0.06), 0 2px 6px -2px rgb(13 23 19 / 0.08);
  --haiyz-ok: #0a7a4c;
  --haiyz-ok-soft: #e3f3ea;
  --haiyz-warn: #9a5b00;
  --haiyz-warn-soft: #fbf1de;
  --haiyz-bad: #c81e1e;
  --haiyz-bad-soft: #fbeceb;
  --haiyz-info: #1f5bc7;
  --haiyz-info-soft: #e9effb;
  --haiyz-bar-bg: #ffffff;
  --haiyz-bar-ink: #0d1713;
  --haiyz-bar-muted: #4b5a53;
  --haiyz-bar-hover: #eef1ee;
  --haiyz-logo: url("../img/haiyz-logo-green.png");
  --haiyz-radius: 6px;
  --haiyz-radius-sm: 4px;
  --haiyz-radius-lg: 8px;
  --haiyz-font: "Geist", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;
  --haiyz-font-ar: "IBM Plex Sans Arabic", "Geist", system-ui, sans-serif;
  --haiyz-mono: "Geist Mono", ui-monospace, Menlo, monospace;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --haiyz-primary: #01b06e;
  --haiyz-primary-strong: #12c683;
  --haiyz-primary-soft: #0f231b;
  --haiyz-primary-text: #2fcb8b;
  --haiyz-on-primary: #0d1713;
  --haiyz-bg: #0b0d10;
  --haiyz-card: #111418;
  --haiyz-card-glass: #111418;
  --haiyz-sunken: #08090b;
  --haiyz-field: #111418;
  --haiyz-ink: #e9edf0;
  --haiyz-strong: #f6f8f9;
  --haiyz-muted: #a4aeb8;
  --haiyz-border: #252b33;
  --haiyz-edge: #323a44;
  --haiyz-boundary: #6b7582;
  --haiyz-focus: #2fcb8b;
  --haiyz-grid: rgb(148 170 196 / 0.07);
  --haiyz-glow: transparent;
  --haiyz-shadow: inset 0 1px 0 rgb(255 255 255 / 0.04), 0 1px 2px rgb(0 0 0 / 0.5), 0 4px 12px -4px rgb(0 0 0 / 0.5);
  --haiyz-ok: #2fcb8b;
  --haiyz-ok-soft: #0f231b;
  --haiyz-warn: #e6a94a;
  --haiyz-warn-soft: #2b2212;
  --haiyz-bad: #f47b73;
  --haiyz-bad-soft: #301a1a;
  --haiyz-info: #83a9ff;
  --haiyz-info-soft: #151f33;
  --haiyz-bar-bg: #111418;
  --haiyz-bar-ink: #e9edf0;
  --haiyz-bar-muted: #a4aeb8;
  --haiyz-bar-hover: #1e232a;
  --haiyz-logo: url("../img/haiyz-logo-white.png");
}
html[dir="rtl"] { --haiyz-font: var(--haiyz-font-ar); }
/* the apps' ground: the canvas with the faint spatial grid */
.haiyz-ground {
  background-color: var(--haiyz-bg); color: var(--haiyz-ink);
  background-image: linear-gradient(var(--haiyz-grid) 1px, transparent 1px), linear-gradient(90deg, var(--haiyz-grid) 1px, transparent 1px);
  background-size: 46px 46px, 46px 46px;
}