:root {
    --font-ui: "Inter", "Helvetica Neue", Arial, sans-serif;

    --font-size-title: 1.95rem;
    --font-size-subtitle: 0.95rem;
    --font-size-body: 0.92rem;
    --font-size-label: 0.84rem;
    --font-size-table: 0.9rem;
    --font-size-table-head: 0.84rem;

    --font-weight-title: 600;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-regular: 400;

    --radius-sm: 7px;
    --radius-md: 9px;
    --radius-lg: 12px;

    --bg: #f3f5f8;
    --panel: #ffffff;
    --panel-subtle: #f8fafc;
    --panel-strong: #f1f5f9;
    --sidebar-bg-start: #edf1f5;
    --sidebar-bg-end: #f4f6f9;
    --topbar-bg: rgba(244, 246, 249, 0.94);
    --text: #18202a;
    --text-strong: #18202a;
    --text-soft: #667180;
    --muted: #667180;
    --muted-strong: #4e5968;
    --accent: #1f6feb;
    --accent-soft: rgba(31, 111, 235, 0.1);
    --border: rgba(24, 32, 42, 0.1);
    --border-color: rgba(24, 32, 42, 0.1);
    --border-strong: rgba(24, 32, 42, 0.14);
    --shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
    --shadow-soft: 0 1px 2px rgba(15, 23, 42, 0.06);
    --row-hover: rgba(31, 111, 235, 0.045);
    --row-selected: rgba(31, 111, 235, 0.14);
    --table-head-bg: #f8fafc;
    --input-bg: #ffffff;
    --input-placeholder: #8a94a3;
}

[data-theme="dark"] {
    --bg: #0f141b;
    --panel: #141b24;
    --panel-subtle: #17202a;
    --panel-strong: #1b2531;
    --sidebar-bg-start: #131a22;
    --sidebar-bg-end: #151d27;
    --topbar-bg: rgba(20, 27, 36, 0.94);
    --text: #eef3f8;
    --text-strong: #eef3f8;
    --text-soft: #94a0af;
    --muted: #94a0af;
    --muted-strong: #c2ccd7;
    --accent: #5c98ff;
    --accent-soft: rgba(92, 152, 255, 0.16);
    --border: rgba(255, 255, 255, 0.1);
    --border-color: rgba(255, 255, 255, 0.1);
    --border-strong: rgba(255, 255, 255, 0.14);
    --shadow: 0 12px 28px rgba(0, 0, 0, 0.26);
    --shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.25);
    --row-hover: rgba(92, 152, 255, 0.09);
    --row-selected: rgba(92, 152, 255, 0.2);
    --table-head-bg: #18212c;
    --input-bg: #111821;
    --input-placeholder: #738091;
}