:root {
    --font-main: Arial, sans-serif;

    --sidebar-width: 230px;
    --header-height: 58px;
    --content-max-width: 1250px;

    --radius-sm: 7px;
    --radius-md: 11px;
    --radius-lg: 16px;

    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 18px;
    --spacing-xl: 24px;

    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;

    --surface-glass: rgba(255, 255, 255, 0.72);
    --accent-glow: rgba(52, 120, 212, 0.15);
}

:root[data-theme="light"] {
    color-scheme: light;

    --bg: #edf4fc;
    --surface: rgba(255, 255, 255, 0.88);
    --surface-secondary: rgba(242, 248, 255, 0.9);
    --surface-hover: #e8f2ff;

    --text: #23364e;
    --text-secondary: #73869e;

    --border: #d5e3f3;

    --accent: #3985dc;
    --accent-hover: #2672ca;
    --accent-soft: #e2efff;

    --success: #269568;
    --warning: #d69b36;
    --danger: #d45b5b;

    --shadow: 0 8px 28px rgba(49, 91, 139, 0.08);
    --accent-glow: rgba(57, 133, 220, 0.15);

    --wave-one: rgba(111, 183, 255, 0.24);
    --wave-two: rgba(173, 216, 255, 0.3);
    --wave-three: rgba(255, 255, 255, 0.75);
}

:root[data-theme="dark"] {
    color-scheme: dark;

    --bg: #101a2a;
    --surface: rgba(27, 41, 61, 0.91);
    --surface-secondary: rgba(32, 48, 70, 0.88);
    --surface-hover: #293e5b;

    --text: #edf4ff;
    --text-secondary: #9aadc5;

    --border: #334b69;

    --accent: #72b5ff;
    --accent-hover: #91c5ff;
    --accent-soft: #263f60;

    --success: #54c394;
    --warning: #e5b45c;
    --danger: #ed7777;

    --shadow: 0 10px 35px rgba(0, 0, 0, 0.2);
    --accent-glow: rgba(64, 137, 230, 0.17);

    --wave-one: rgba(21, 69, 133, 0.34);
    --wave-two: rgba(16, 48, 92, 0.42);
    --wave-three: rgba(35, 69, 112, 0.18);
}