:root {
    color-scheme: light;

    --color-bg: #F7F5F2;
    --color-card: #FFFFFF;
    --color-sidebar: #FBF8F3;
    --color-border: #D8CEC4;
    --color-text: #403830;
    --color-text-secondary: #8A8076;
    --color-primary: #C89B3C;
    --color-primary-hover: #D8AD4B;
    --color-primary-soft: #F5E8CC;
    --color-danger: #B94A48;
    --color-danger-soft: #F7E3E0;
    --color-success: #4D8B5A;
    --color-success-soft: #E4F0E6;
    --color-warning: #B77B2B;
    --color-warning-soft: #F7E8D0;
    --color-info: #527C9D;
    --color-info-soft: #E2ECF3;

    --font-family-base: Arial, Helvetica, sans-serif;
    --font-size-xs: 12px;
    --font-size-sm: 13px;
    --font-size-md: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;

    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-pill: 999px;

    --shadow-soft: 0 12px 32px rgba(64, 56, 48, 0.08);
    --shadow-panel: 0 20px 60px rgba(64, 56, 48, 0.12);

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;

    --sidebar-width: 230px;
    --topbar-height: 84px;
}

* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
}

body {
    min-height: 100vh;
    margin: 0;
    background: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-family-base);
    font-size: var(--font-size-md);
    line-height: 1.5;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
select,
textarea {
    font: inherit;
}

img {
    max-width: 100%;
}