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

    --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

    --bg: #f7f3f0;
    --surface: #ffffff;
    --surface-soft: #fbf8f6;
    --surface-elevated: #ffffff;

    --text: #262228;
    --text-muted: #756d77;
    --border: #e9e1e5;

    --primary: #704264;
    --primary-strong: #5b3451;
    --primary-soft: #f1e8ef;

    --accent: #c8765b;
    --accent-soft: #f8ebe6;

    --success: #3f7d68;
    --warning: #b57b2a;
    --danger: #b84a55;

    --shadow-sm: 0 1px 2px rgba(45, 32, 40, 0.05);
    --shadow-md: 0 14px 34px rgba(45, 32, 40, 0.08);

    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
}

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

    --bg: #1c191d;
    --surface: #272229;
    --surface-soft: #211d22;
    --surface-elevated: #2d272f;

    --text: #f7f1f5;
    --text-muted: #bdb2bc;
    --border: #3d353f;

    --primary: #c391b7;
    --primary-strong: #d8acd0;
    --primary-soft: #3e2d3a;

    --accent: #e19578;
    --accent-soft: #49342e;

    --success: #72b49d;
    --warning: #d7a355;
    --danger: #e07580;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.18);
    --shadow-md: 0 18px 44px rgba(0, 0, 0, 0.24);
}