:root {
    /* Minimalist Dark Palette: Deep Charcoal #0c0c0f */
    --bg-primary: #0c0c0f;
    --bg-card-solid: #121216;
    --bg-sidebar: #0c0c0f;

    /* Monochrome Accents */
    --accent-start: #ffffff;
    --accent-glow: rgba(255, 255, 255, 0.12);
    --accent-subtle: rgba(255, 255, 255, 0.06);

    /* Monochrome Gradient */
    --primary-gradient: linear-gradient(180deg, #ffffff 0%, #d4d4d8 100%);

    /* Typography Tokens */
    --font-sans: 'Geist', 'Inter', system-ui, -apple-system, sans-serif;
    --font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    --font-pixel: 'Geist Pixel', 'Geist Mono', monospace;

    /* Crisp White & Zinc Text Hierarchy */
    --text-primary: #f4f4f5;
    --text-secondary: #a1a1aa;
    --text-tertiary: #71717a;

    /* Hairline Monochrome Borders */
    --border-subtle: #222228;
    --border-hover: #3f3f46;

    /* Liquid / Interaction Tokens */
    --liquid-spring: cubic-bezier(0.16, 1, 0.3, 1);

    /* Shadows (Clean & Flat) */
    --shadow-sm: none;
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.6);
    --shadow-lg: 0 12px 36px rgba(0, 0, 0, 0.8);

    /* Radii */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;

    /* Skeleton Loader */
    --skeleton-base: #141418;
    --skeleton-shine: #1f1f26;
    --skeleton-border: #222228;
}

[data-theme="light"] {
    --bg-primary: #ffffff;
    --bg-card-solid: #ffffff;
    --bg-sidebar: #fafafa;

    --accent-start: #09090b;
    --accent-glow: rgba(0, 0, 0, 0.08);
    --accent-subtle: rgba(0, 0, 0, 0.04);

    --primary-gradient: linear-gradient(180deg, #18181b 0%, #09090b 100%);

    --text-primary: #09090b;
    --text-secondary: #52525b;
    --text-tertiary: #71717a;

    --border-subtle: #e4e4e7;
    --border-hover: #a1a1aa;

    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.08);

    --skeleton-base: #f4f4f5;
    --skeleton-shine: #e4e4e7;
    --skeleton-border: #e4e4e7;
}