:root,
[data-theme="dark"] {
    --body-bg: #081118;
    --block-bg: #0E1F28;
    --block-bg-faded: #102A35;
    --block-stroke: #1D3B46;
    --heading-text: #FFFFFF;
    --body-text: #E6EAEF;
    --secondary-text: #94A8B8;
    --correct-bg: #1C462C;
    --correct-stroke: #255F3C;
    --correct-text: #52DE72;
    --wrong-bg: #361B1D;
    --wrong-stroke: #51282B;
    --wrong-text: #E25A63;
    --modal-bg: #0E2D39;
    --modal-stroke: #1B3640;

    --primary: #009287;
    --primary-hover: #01A29A;
    --primary-light: #41B2AC;
    --primary-dark: #05524F;
    --primary-gradient: linear-gradient(135deg, #12BFAF, #099287 52%, #05524F);

    --radius: 16px;
    --radius-sm: 10px;
    --btn-height: 56px;
    --font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    --shadow: 0 24px 60px rgba(0, 0, 0, 0.32);
    --shadow-sm: 0 12px 28px rgba(0, 0, 0, 0.22);
    --atom-blue: #AED8FF;
    --warning-gold: #FFA726;
}

[data-theme="light"] {
    --body-bg: #F8F9FB;
    --block-bg: #FFFFFF;
    --block-bg-faded: #F9FCFD;
    --block-stroke: #DAE7E7;
    --heading-text: #242E38;
    --body-text: #59646E;
    --secondary-text: #59646E;
    --correct-bg: #DFF6E5;
    --correct-stroke: #B8E6C4;
    --correct-text: #577F60;
    --wrong-bg: #FBEEEE;
    --wrong-stroke: #F0D0D0;
    --wrong-text: #BE3949;
    --modal-bg: #FFFFFF;
    --modal-stroke: #DAE7E7;
    --primary: #009287;
    --primary-hover: #01A29A;
    --primary-light: #41B2AC;
    --primary-dark: #05524F;
    --primary-gradient: linear-gradient(135deg, #099287, #05524F);

    --shadow: 0 18px 42px rgba(36, 46, 56, 0.08);
    --shadow-sm: 0 10px 22px rgba(36, 46, 56, 0.06);
    --atom-blue: #4DA3FF;
    --warning-gold: #D98600;
}