:root {
    --bg: #f7f9fc;
    --surface: #ffffff;
    --surface-2: #fbfcff;
    --surface-3: #f4f7fb;
    --border: #e5eaf1;
    --border-strong: #dbe2ec;
    --text: #202635;
    --muted: #778198;
    --muted-2: #98a2b5;
    --primary: #4f72e8;
    --primary-2: #3152c7;
    --primary-soft: #eef3ff;
    --green: #38a56b;
    --green-soft: #ebf8f0;
    --red: #e25555;
    --red-soft: #fff0f0;
    --amber: #d89b22;
    --amber-soft: #fff7e6;
    --purple: #8b5de7;
    --purple-soft: #f4edff;
    --shadow: 0 8px 24px rgba(24, 37, 62, .035);
}

html[data-theme="dark"] {
    --bg: #08121e;
    --surface: #0f1926;
    --surface-2: #111d2b;
    --surface-3: #152234;
    --border: #213047;
    --border-strong: #2a3a52;
    --text: #edf2f8;
    --muted: #91a0b4;
    --muted-2: #718198;
    --primary: #5f80ef;
    --primary-2: #6d8bf2;
    --primary-soft: #172746;
    --green: #63c890;
    --green-soft: #163126;
    --red: #ff7474;
    --red-soft: #3a1f27;
    --amber: #f4bd55;
    --amber-soft: #382e1d;
    --purple: #ad85ff;
    --purple-soft: #2a2140;
    --shadow: 0 10px 32px rgba(0, 0, 0, .18);
}