/* Runitro Desk 2026: primitive → semantic → component tokens. */
@font-face {
    font-family: RunitroVazir;
    src: url('../fonts/pos/Vazir.ttf') format('truetype');
    font-display: swap;
    font-weight: 100 900;
}
html[data-rd-design="2026"] {
    --ui-white: #fff;
    --ui-slate-50: #f5f7f9;
    --ui-slate-100: #edf1f4;
    --ui-slate-200: #d8e1e8;
    --ui-slate-600: #536575;
    --ui-slate-900: #172b3a;
    --ui-teal-700: #087f78;
    --ui-teal-800: #07665f;
    --ui-bg: var(--ui-slate-50);
    --ui-surface: var(--ui-white);
    --ui-surface-muted: var(--ui-slate-100);
    --ui-text: var(--ui-slate-900);
    --ui-muted: var(--ui-slate-600);
    --ui-border: var(--ui-slate-200);
    --ui-brand: var(--ui-teal-700);
    --ui-brand-hover: var(--ui-teal-800);
    --ui-brand-soft: #e8f5f3;
    --ui-on-brand: #fff;
    --ui-danger: #b42318;
    --ui-danger-soft: #fef3f2;
    --ui-warning: #854a0e;
    --ui-warning-soft: #fff8e6;
    --ui-success: #126747;
    --ui-success-soft: #edf8f1;
    --ui-info: #175cd3;
    --ui-info-soft: #eff6ff;
    --ui-space-1: 4px;
    --ui-space-2: 8px;
    --ui-space-3: 12px;
    --ui-space-4: 16px;
    --ui-space-6: 24px;
    --ui-space-8: 32px;
    --ui-radius-control: 8px;
    --ui-radius-panel: 10px;
    --ui-radius-dialog: 12px;
    --ui-shadow-float: 0 8px 28px #172b3a1a;
    --ui-font: RunitroVazir,Tahoma,sans-serif;
    --ui-text-xs: 12px;
    --ui-text-sm: 14px;
    --ui-text-base: 16px;
    --ui-title: 26px;
    --ui-control: 40px;
    --ui-touch: 44px;
    --ui-sidebar: 232px;
    --ui-header: 60px;
    --ui-motion-fast: 120ms;
    --ui-motion-base: 180ms;
    --ui-ease: cubic-bezier(.2,.8,.2,1);
    --ui-z-header: 100;
    --ui-z-drawer: 1045;
    --ui-z-overlay: 1055;
    --ui-focus: 0 0 0 3px #087f7840;
    --bs-primary: #087f78;
    --bs-primary-rgb: 8,127,120;
    --bs-body-color: var(--ui-text);
    --bs-body-bg: var(--ui-bg);
    --bs-border-color: var(--ui-border);
    --bs-border-radius: var(--ui-radius-control);
    --bs-font-sans-serif: var(--ui-font);
    --bs-link-color: var(--ui-brand-hover);
    --rd-bg: var(--ui-bg);
    --rd-card: var(--ui-surface);
    --rd-text: var(--ui-text);
    --rd-muted: var(--ui-muted);
    --rd-border: var(--ui-border);
    --rd-primary: var(--ui-brand);
    --rd-success: var(--ui-success);
    --rd-shadow: none;
    --rd-v2-sidebar: var(--ui-sidebar);
    --rd-v2-bg: var(--ui-bg);
    --rd-v2-card: var(--ui-surface);
    --rd-v2-text: var(--ui-text);
    --rd-v2-muted: var(--ui-muted);
    --rd-v2-border: var(--ui-border);
    --rd-v2-primary: var(--ui-brand);
    --rd-v2-primary-soft: var(--ui-brand-soft);
    --rt-bg: var(--ui-bg);
    --rt-card: var(--ui-surface);
    --rt-text: var(--ui-text);
    --rt-muted: var(--ui-muted);
    --rt-border: var(--ui-border);
    --rt-primary: var(--ui-brand);
    --rt-primary-dark: var(--ui-brand-hover);
    --rt-shadow: none;
    --ac-bg: var(--ui-bg);
    --ac-card: var(--ui-surface);
    --ac-text: var(--ui-text);
    --ac-muted: var(--ui-muted);
    --ac-border: var(--ui-border);
    --ac-primary: var(--ui-brand);
    --ac-shadow: none;
    --ac-primary-strong: var(--ui-brand-hover);
    --ac-primary-soft: var(--ui-brand-soft);
    --ac-surface: var(--ui-surface);
    --ac-surface-muted: var(--ui-surface-muted);
    --ac-radius: 10px;
    --ac-radius-lg: 12px;
    --rp-canvas: var(--ui-bg);
    --rp-canvas-soft: var(--ui-surface-muted);
    --rp-bg: var(--ui-bg);
    --rp-surface: var(--ui-surface);
    --rp-surface-soft: var(--ui-surface-muted);
    --rp-text: var(--ui-text);
    --rp-muted: var(--ui-muted);
    --rp-line: var(--ui-border);
    --rp-primary: var(--ui-brand);
    --rp-primary-dark: var(--ui-brand-hover);
    --rp-radius: 10px;
    --rp-shadow: none;
}
html[data-rd-design][data-admin-theme="dark"] {
    --ui-bg: #101a22;
    --ui-surface: #192630;
    --ui-surface-muted: #223440;
    --ui-text: #edf3f7;
    --ui-muted: #bac9d4;
    --ui-border: #415463;
    --ui-brand: #55c9bb;
    --ui-brand-hover: #7bded3;
    --ui-brand-soft: #173f3c;
    --ui-on-brand: #102c29;
    --ui-danger: #ffb4aa;
    --ui-danger-soft: #482a2b;
    --ui-warning: #f4cd89;
    --ui-warning-soft: #433720;
    --ui-success: #82d9ad;
    --ui-success-soft: #193c30;
    --ui-info: #a4caff;
    --ui-info-soft: #233954;
}
html[data-rd-design] {
    --admin-bg: var(--ui-bg);
    --admin-surface: var(--ui-surface);
    --admin-surface-soft: var(--ui-surface-muted);
    --admin-text: var(--ui-text);
    --admin-muted: var(--ui-muted);
    --admin-border: var(--ui-border);
    --admin-primary: var(--ui-brand);
    --admin-primary-hover: var(--ui-brand-hover);
    --admin-primary-soft: var(--ui-brand-soft);
    --admin-success: var(--ui-success);
    --admin-danger: var(--ui-danger);
    --admin-warning: var(--ui-warning);
    --admin-info: var(--ui-info);
    --admin-shadow: none;
    --admin-shadow-soft: none;
    --admin-radius-xl: 10px;
    --admin-radius-lg: 10px;
    --admin-radius-md: 8px;
    --admin-sidebar-width: 232px;
}
html[data-rd-design] {
    --rp-blue: var(--ui-brand);
    --rp-mint: var(--ui-brand-soft);
    --rp-success: var(--ui-success);
    --rp-danger: var(--ui-danger);
    --rp-warning: var(--ui-warning);
}
html[data-rd-design] {
    --admin-card: var(--ui-surface);
}
html[data-rd-design][data-admin-theme="dark"] {
    color-scheme: dark;
}
html[data-rd-design] {
    --ui-control-border: #8495a3;
}
html[data-rd-design][data-admin-theme="dark"] {
    --ui-control-border: #8099aa;
}
html[data-rd-design] {
    --bs-primary-rgb: 8,127,120;
    --bs-success-rgb: 18,103,71;
    --bs-danger-rgb: 180,35,24;
    --bs-warning-rgb: 133,74,14;
    --bs-info-rgb: 23,92,211;
    --bs-link-color-rgb: 7,102,95;
    --bs-link-hover-color-rgb: 7,102,95;
}
html[data-rd-design][data-admin-theme="dark"] {
    --bs-danger-rgb: 255,180,170;
    --bs-success-rgb: 130,217,173;
    --bs-warning-rgb: 244,205,137;
    --bs-info-rgb: 164,202,255;
    --bs-link-color-rgb: 123,222,211;
    --bs-link-hover-color-rgb: 123,222,211;
}