@charset "UTF-8";
/* Semantic design tokens: components consume these, templates replace them. */
:root {
    --brand: #006eb7;
    --brand-strong: #062f50;
    --brand-hover: #005a98;
    --brand-soft: #e8f3fb;
    --brand-sky: #58a9da;
    --text-primary: #20374a;
    --text-muted: #586b7b;
    --surface: #ffffff;
    --surface-page: #f3f6fa;
    --surface-subtle: #f8fafc;
    --surface-hover: #edf4fa;
    --border: #d9e3ec;
    --border-strong: #bccddc;
    --on-brand: #ffffff;
    --focus: #006eb7;
    --success: #256345;
    --success-soft: #edf6f0;
    --success-border: #c5ddce;
    --warning: #805713;
    --warning-soft: #fff6e5;
    --warning-border: #e6d4ae;
    --danger: #a33838;
    --danger-soft: #fff1f0;
    --danger-border: #e8c4c2;
    --font-family: "Segoe UI", Inter, system-ui, -apple-system, sans-serif;
    --font-size-base: 16px;
    --radius: 16px;
    --radius-control: 9px;
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --shadow-panel: 0 4px 20px rgb(6 47 80 / 4%);
    --sidebar-width: 242px;
    --content-width: 1270px;
    --dialog-width: 920px;
    --dialog-backdrop: rgb(6 30 50 / 55%);
    --shadow-dialog: 0 24px 80px rgb(6 47 80 / 25%);
}