:root {
    /* Color Palette - Dark Mode SaaS Style */
    --bg-app: #0f1115;       /* Very dark almost black */
    --bg-surface: #161b22;   /* Slightly lighter for sidebar/cards */
    --bg-element: #21262d;   /* Input fields, button backgrounds */
    --bg-element-hover: #30363d;
    
    --border-subtle: #30363d;
    --border-active: #484f58;

    /* Typography Colors */
    --text-primary: #f0f6fc;
    --text-secondary: #8b949e;
    --text-tertiary: #484f58;
    --text-inverse: #0f1115;

    /* Accents */
    --accent-primary: #58a6ff; /* GitHub/Linear Blue */
    --accent-primary-hover: #79c0ff;
    --accent-success: #3fb950;
    --accent-danger: #f85149;
    --accent-warning: #d29922;
    --accent-purple: #bc8cff;
    --accent-pink: #db61a2;

    /* Spacing System */
    --space-2: 2px;
    --space-4: 4px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-24: 24px;
    --space-32: 32px;
    --space-64: 64px;

    /* Dimensions */
    --sidebar-width: 240px;
    --header-height: 60px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);

    /* Typography */
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    
    --text-xs: 12px;
    --text-sm: 14px;
    --text-base: 16px;
    --text-lg: 18px;
    --text-xl: 24px;
    --text-2xl: 32px;

    /* Transitions */
    --ease-default: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="light"] {
    /* Light Mode Palette */
    --bg-app: #ffffff;
    --bg-surface: #f6f8fa;
    --bg-element: #eaeef2;
    --bg-element-hover: #d0d7de;

    --border-subtle: #d0d7de;
    --border-active: #afb8c1;

    /* Typography Colors */
    --text-primary: #24292f;
    --text-secondary: #57606a;
    --text-tertiary: #6e7781;
    --text-inverse: #ffffff;

    /* Accents - Adjusted for light mode contrast */
    --accent-primary: #0969da;
    --accent-primary-hover: #0550ae;
    --accent-success: #1a7f37;
    --accent-danger: #cf222e;
    --accent-warning: #9a6700;
    --accent-purple: #8250df;
    --accent-pink: #bf3989;
    
    /* Shadows - softer */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
}