:root,
[data-theme="dark"] {
    --body-bg: #10171D;
    --block-bg: #0C2731;
    --block-bg-faded: #0E2D39;
    --block-stroke: #1B3640;
    --heading-text: #FFFFFF;
    --body-text: #E6EAEF;
    --secondary-text: #A2B1C3;
    --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, #099287, #05524F);

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

    --shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
}

[data-theme="light"] {
    --body-bg: #F8F9FB;
    --block-bg: #FFFFFF;
    --block-bg-faded: #F9FCFD;
    --block-stroke: #DAE7E7;
    --heading-text: #242E38;
    --body-text: #59646E;
    --secondary-text: #6F7B85;
    --correct-bg: #DFF6E5;
    --correct-stroke: #B8E6C4;
    --correct-text: #577F60;
    --wrong-bg: #FBEEEE;
    --wrong-stroke: #F0D0D0;
    --wrong-text: #BE3949;
    --modal-bg: #FFFFFF;
    --modal-stroke: #DAE7E7;

    --shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
}