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

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

    --bg: #f5f6f8;
    --surface: #ffffff;
    --surface-soft: #f8f9fb;
    --surface-elevated: #ffffff;

    --text: #17181b;
    --text-muted: #747984;
    --border: #e3e5e9;

    --primary: #8f1717;
    --primary-strong: #6f1010;
    --primary-soft: #fff1f1;

    --accent: #991b1b;
    --accent-soft: #fee2e2;

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

    --shadow-sm: 0 1px 2px rgba(45, 32, 40, 0.05);
    --shadow-md: 0 18px 45px rgba(18, 20, 24, 0.09);

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

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

    --bg: #0f1012;
    --surface: #181a1e;
    --surface-soft: #131519;
    --surface-elevated: #202329;

    --text: #f4f5f7;
    --text-muted: #989da7;
    --border: #2b2e34;

    --primary: #ef3e46;
    --primary-strong: #c9252d;
    --primary-soft: #321416;

    --accent: #dc2626;
    --accent-soft: #3b1515;

    --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);
}


/* Modern Vimarktech design tokens */
:root,
html[data-theme="light"],
html[data-theme="dark"] {
    --radius-xs: 8px;
    --radius-sm: 11px;
    --radius-md: 15px;
    --radius-lg: 21px;
    --shadow-float: 0 18px 48px rgba(0,0,0,.14);
    --focus-ring: 0 0 0 4px color-mix(in srgb, var(--primary) 13%, transparent);
}