/* Minimalist / Brutalist Theme Variables */
:root {
    /* Light Mode */
    --color-base: #f4f4f5;      /* Zinc 100 */
    --color-surface: #ffffff;   /* Pure White */
    --color-border: #d4d4d8;    /* Zinc 300 */
    --color-text-main: #18181b; /* Zinc 900 */
    --color-text-muted: #71717a;/* Zinc 500 */
    --color-accent: #ff5500;    /* Vibrant Orange */
}

html.dark {
    /* Dark Mode */
    --color-base: #0a0a0a;
    --color-surface: #171717;
    --color-border: #27272a;
    --color-text-main: #f4f4f5;
    --color-text-muted: #a1a1aa;
    --color-accent: #ff5500;
}

/* Base styles */
body {
    background-color: var(--color-base);
    color: var(--color-text-main);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Minimalist scrollbar */
::-webkit-scrollbar {
    width: 4px;
}
::-webkit-scrollbar-track {
    background: var(--color-base);
}
::-webkit-scrollbar-thumb {
    background: var(--color-border);
}

::selection {
    background-color: var(--color-accent);
    color: #ffffff;
}

/* Utilities */
.border-thin {
    border-width: 1px;
    border-style: solid;
    border-color: var(--color-border);
    transition: border-color 0.3s ease;
}