/* WhiteDNS · green operational console · local fonts · design.md */
@font-face{font-family:Vazirmatn;src:url('fonts/vazirmatn.woff2') format('woff2'),url('fonts/vazirmatn.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{
 --font-body:Vazirmatn,Tahoma,sans-serif;
 --font-display:var(--font-body);
 --font-outlier:ui-monospace,Consolas,monospace;
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;
 --text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:22px;--text-2xl:28px;
 --radius-card:12px;--radius-input:7px;--radius-button:7px;--radius-pill:99px;
 --dur-short:160ms;--dur-panel:260ms;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-in-out:cubic-bezier(.65,0,.35,1);
 --color-paper:oklch(16% 0 0);--color-paper-2:oklch(21% 0 0);--color-paper-3:oklch(24% 0 0);
 --color-rail:oklch(18% 0 0);--color-input:oklch(18% 0 0);--color-ink:oklch(96% 0 0);--color-ink-2:oklch(73% 0 0);
 --color-rule:oklch(34% 0 0);--color-edge:oklch(44% 0 0);--color-highlight:oklch(100% 0 0 / .045);
 --color-accent:oklch(78% .17 155);--color-action:oklch(78% .17 155);--color-action-hover:oklch(83% .16 155);
 --color-accent-soft:oklch(27% .035 155);--color-on-action:oklch(15% .015 155);--color-white:oklch(100% 0 0);
 --color-positive:var(--color-accent);--color-positive-soft:var(--color-accent-soft);
 --color-negative:oklch(95% 0 0);--color-negative-soft:oklch(30% 0 0);--color-warning:oklch(86% 0 0);--color-warning-soft:oklch(28% 0 0);
 --color-focus:oklch(81% .18 155);--color-overlay:oklch(7% 0 0 / .72);--color-shadow:oklch(0% 0 0 / .22);
 --color-login:var(--color-paper);--color-bloom:oklch(55% .14 155 / .09);--color-grid:oklch(100% 0 0 / .025);
 --color-tooltip:oklch(96% 0 0);--color-tooltip-ink:oklch(20% 0 0);
 --sidebar-width:272px;--sidebar-compact:76px;--toolbar-height:68px;
}
[data-theme=light]{
 --color-paper:oklch(97% 0 0);--color-paper-2:oklch(100% 0 0);--color-paper-3:oklch(96% 0 0);
 --color-rail:oklch(99% 0 0);--color-input:oklch(99% 0 0);--color-ink:oklch(22% 0 0);--color-ink-2:oklch(47% 0 0);
 --color-rule:oklch(84% 0 0);--color-edge:oklch(67% 0 0);--color-highlight:oklch(100% 0 0 / .9);
 --color-accent:oklch(40% .10 155);--color-action:oklch(40% .10 155);--color-action-hover:oklch(34% .08 155);
 --color-accent-soft:oklch(95% .025 155);--color-on-action:oklch(100% 0 0);
 --color-negative:oklch(23% 0 0);--color-negative-soft:oklch(91% 0 0);--color-warning:oklch(38% 0 0);--color-warning-soft:oklch(94% 0 0);
 --color-focus:oklch(44% .13 155);--color-overlay:oklch(10% 0 0 / .45);--color-shadow:oklch(15% 0 0 / .07);
 --color-bloom:oklch(65% .12 155 / .07);--color-grid:oklch(20% 0 0 / .025);
 --color-tooltip:oklch(22% 0 0);--color-tooltip-ink:oklch(98% 0 0);
}