/* ekSIM console · brand identity and semantic interface tokens */
@font-face {
    font-family: Inter;
    src: url('../brand/eksim/fonts/InterVariable.woff2') format('woff2');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}
:root {
    color-scheme: light;
    --ek-white: #ffffff;
    --ek-blue: #0f75bc;
    --ek-deep-blue: #2a3b97;
    --ek-orange: #fcb040;
    --ek-bg: #f3f7fa;
    --ek-surface: #ffffff;
    --ek-surface-subtle: #f7f9fc;
    --ek-surface-hover: #edf3f8;
    --ek-ink: #132c47;
    --ek-muted: #536577;
    --ek-line: #d8e3eb;
    --ek-control-line: #788999;
    --ek-link: #0f75bc;
    --ek-focus: #0f75bc;
    --ek-primary-soft: #e8f3fb;
    --ek-success: #166534;
    --ek-success-soft: #eaf6ee;
    --ek-warning: #854d0e;
    --ek-warning-soft: #fff3dc;
    --ek-danger: #b42332;
    --ek-danger-soft: #fff0f1;
    --ek-info: #2347a8;
    --ek-info-soft: #eef2ff;
    --ek-shadow: 0 2px 8px rgb(19 44 71 / 4%);
    --ek-shadow-raised: 0 12px 40px rgb(19 44 71 / 12%);
    --ek-radius: 8px;
    --ek-font: Inter, Arial, sans-serif;
    --ek-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
    --ek-sidebar: 248px;
    --ek-header: 56px;
    --ek-motion: 140ms ease;
    --bs-body-font-family: var(--ek-font);
    --bs-body-color: var(--ek-ink);
    --bs-body-bg: var(--ek-bg);
    --bs-primary: var(--ek-blue);
    --bs-primary-rgb: 15, 117, 188;
    --bs-secondary-rgb: 83, 101, 119;
    --bs-link-color: var(--ek-link);
    --bs-link-hover-color: var(--ek-deep-blue);
    --bs-border-color: var(--ek-line);
    --bs-border-radius: var(--ek-radius);
    --bs-border-radius-lg: var(--ek-radius);
}
[data-bs-theme='dark'] {
    color-scheme: dark;
    --ek-bg: #0b1625;
    --ek-surface: #132439;
    --ek-surface-subtle: #192d44;
    --ek-surface-hover: #223951;
    --ek-ink: #eef4fa;
    --ek-muted: #adbed0;
    --ek-line: #344b63;
    --ek-control-line: #6c859e;
    --ek-link: #7bc5f8;
    --ek-focus: #7bc5f8;
    --ek-primary-soft: #183c59;
    --ek-success: #9de3b3;
    --ek-success-soft: #153929;
    --ek-warning: #ffd695;
    --ek-warning-soft: #43351d;
    --ek-danger: #ffafb6;
    --ek-danger-soft: #44232e;
    --ek-info: #b5caff;
    --ek-info-soft: #243653;
    --ek-shadow: 0 2px 8px rgb(0 0 0 / 12%);
    --ek-shadow-raised: 0 12px 40px rgb(0 0 0 / 30%);
    --bs-body-color: var(--ek-ink);
    --bs-body-bg: var(--ek-bg);
    --bs-secondary-color: var(--ek-muted);
    --bs-tertiary-bg: var(--ek-surface-subtle);
    --bs-border-color: var(--ek-line);
    --bs-link-color: var(--ek-link);
    --bs-link-hover-color: #b9dfff;
}