/* Single source of truth for the design tokens all three frontend apps (Public Web, My Panel, Admin Panel) previously duplicated independently in their own wwwroot/css/*.css entry point, each with slightly different values. Loaded first in every app's , before that app's own stylesheet, so per-app CSS can still override a token deliberately (e.g. Public Web's own background - see its site.css) without re-declaring the whole block. Values match what was already the de facto standard across all three apps (My Panel/Admin Panel independently converged on the same --ds-color-primary teal) - this is a consolidation, not a new palette. --ds-color-background here is the two WASM apps' shared value; Public Web overrides it locally to pure white, its own deliberate choice for a content/marketing site. */ @font-face { font-family: "Vazirmatn"; src: url("../webfonts/Vazirmatn-Variable.woff2") format("woff2-variations"); font-weight: 100 900; font-style: normal; font-display: swap; } :root { --ds-font-family: "Vazirmatn", Inter, "Segoe UI", Tahoma, Arial, sans-serif; --ds-color-primary: #0f766e; --ds-color-primary-hover: #115e59; --ds-color-on-primary: #ffffff; --ds-color-text: #17202a; --ds-color-text-muted: #667085; --ds-color-background: #f6f7f9; --ds-color-surface: #ffffff; --ds-color-surface-hover: #f2f4f7; --ds-color-border: #dfe3e8; --ds-color-danger: #b42318; --ds-color-danger-bg: #fff3f2; --ds-color-success: #067647; --ds-color-success-bg: #ecfdf3; --ds-color-info-bg: #eff8ff; /* Documented convention, not enforceable CSS (custom properties can't be used inside @media query conditions) - each app's own breakpoints should match these three tiers rather than drifting to arbitrary values. */ /* --ds-breakpoint-sm: 38rem (single-column reflow, e.g. cards/forms/pagination stacking) */ /* --ds-breakpoint-md: 44rem (wide-table/topbar wrapping) */ /* --ds-breakpoint-lg: 52rem–62rem (off-canvas sidebar collapse - My Panel/Admin Panel) */ }