/* ب ح ص */
/* Generated from tokens/hassas.json v2.0.0 (D-021) by scripts/build.mjs. Do not edit by hand. */
:root {
  --nf-font-sans: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --nf-font-mono: "Geist Mono", ui-monospace, Consolas, monospace;
  --nf-radius-sm: 4px;
  --nf-radius-md: 6px;
  --nf-radius-lg: 8px;
  --nf-radius-xl: 12px;
  --nf-space-1: 4px;
  --nf-space-2: 8px;
  --nf-space-3: 12px;
  --nf-space-4: 16px;
  --nf-space-5: 24px;
  --nf-space-6: 32px;
  --nf-space-7: 48px;
  --nf-space-8: 72px;
  --nf-product-storage: #315bc6;
  --nf-product-monitoring: #c2417a;
  --nf-product-backup: #25806c;
  --nf-product-guard: #b05623;
  --nf-product-family: #7957b7;
  --nf-product-cloud: #315bc6;
  --nf-product-hosting: #25806c;
  --nf-color-canvas: #f7f8fa;
  --nf-color-surface: #ffffff;
  --nf-color-surface-raised: #f1f3f6;
  --nf-color-border: #e3e6eb;
  --nf-color-border-strong: #c9ced6;
  --nf-color-text: #0d1117;
  --nf-color-text-muted: #4b5563;
  --nf-color-text-subtle: #5f6875;
  --nf-color-accent: #315bc6;
  --nf-color-accent-strong: #23469d;
  --nf-color-accent-contrast: #ffffff;
  --nf-color-accent-soft: #eaf0ff;
  --nf-color-focus: #315bc6;
  --nf-color-ok: #11704f;
  --nf-color-ok-soft: #e7f6ef;
  --nf-color-warn: #8a5800;
  --nf-color-warn-soft: #fff4dc;
  --nf-color-crit: #b42318;
  --nf-color-crit-soft: #fdecea;
  --nf-color-info: #315bc6;
  --nf-color-info-soft: #eaf0ff;
  color-scheme: light;
}

:root {
  --nf-topbar-height: 3.5rem;
}

:root,
[data-theme] {
  --nf-shadow-md: 0 8px 24px color-mix(in srgb, var(--nf-color-text) 12%, transparent);
  --nf-shadow-lg: 0 16px 48px color-mix(in srgb, var(--nf-color-text) 20%, transparent);
}

:root,
[data-nf-density="default"] {
  --nf-panel-title-size: 1.25rem;
  --nf-panel-padding: 24px;
  --nf-panel-gap: 16px;
  --nf-panel-row-height: 40px;
  --nf-control-height: 2.25rem;
}

:root[data-nf-density="compact"],
[data-nf-density="compact"] {
  --nf-panel-title-size: 1.125rem;
  --nf-panel-padding: 16px;
  --nf-panel-gap: 12px;
  --nf-panel-row-height: 32px;
  --nf-control-height: 2rem;
}

:root[data-nf-density="comfortable"],
[data-nf-density="comfortable"] {
  --nf-panel-title-size: 1.5rem;
  --nf-panel-padding: 32px;
  --nf-panel-gap: 24px;
  --nf-panel-row-height: 48px;
  --nf-control-height: 2.5rem;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --nf-color-canvas: #0b0d10;
    --nf-color-surface: #12151a;
    --nf-color-surface-raised: #181c22;
    --nf-color-border: #252a32;
    --nf-color-border-strong: #343b45;
    --nf-color-text: #e8eaee;
    --nf-color-text-muted: #a3abb7;
    --nf-color-text-subtle: #8a93a0;
    --nf-color-accent: #7b97ff;
    --nf-color-accent-strong: #9fb3ff;
    --nf-color-accent-contrast: #0b0d10;
    --nf-color-accent-soft: #1a2440;
    --nf-color-focus: #9fb3ff;
    --nf-color-ok: #4cc38a;
    --nf-color-ok-soft: #11291f;
    --nf-color-warn: #e3a83b;
    --nf-color-warn-soft: #2c2210;
    --nf-color-crit: #ff7b6e;
    --nf-color-crit-soft: #2e1514;
    --nf-color-info: #7b97ff;
    --nf-color-info-soft: #1a2440;
    color-scheme: dark;
  }
}

:root[data-theme="dark"],
[data-theme="dark"] {
  --nf-color-canvas: #0b0d10;
  --nf-color-surface: #12151a;
  --nf-color-surface-raised: #181c22;
  --nf-color-border: #252a32;
  --nf-color-border-strong: #343b45;
  --nf-color-text: #e8eaee;
  --nf-color-text-muted: #a3abb7;
  --nf-color-text-subtle: #8a93a0;
  --nf-color-accent: #7b97ff;
  --nf-color-accent-strong: #9fb3ff;
  --nf-color-accent-contrast: #0b0d10;
  --nf-color-accent-soft: #1a2440;
  --nf-color-focus: #9fb3ff;
  --nf-color-ok: #4cc38a;
  --nf-color-ok-soft: #11291f;
  --nf-color-warn: #e3a83b;
  --nf-color-warn-soft: #2c2210;
  --nf-color-crit: #ff7b6e;
  --nf-color-crit-soft: #2e1514;
  --nf-color-info: #7b97ff;
  --nf-color-info-soft: #1a2440;
  color-scheme: dark;
}