:root {
    /* Notion & Apple Aesthetic Typography */
    --font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    
    /* Layout Dimensions */
    --sidebar-width: 250px;
    --header-height: 54px;
    
    /* Notion & Apple Clean Palette */
    --color-bg-primary: #ffffff;
    --color-bg-secondary: #f8fafc;
    --color-bg-hover: #f1f5f9;
    --color-bg-active: #e2e8f0;
    
    /* Sidebar Theme */
    --sidebar-bg: #f8fafc;
    --sidebar-border: #e2e8f0;
    --sidebar-text: #0f172a;
    --sidebar-text-muted: #64748b;
    --sidebar-item-hover: #f1f5f9;
    --sidebar-item-active: #e2e8f0;
    
    /* Accent & Brand Colors (Apple System Blue & Indigo Tint) */
    --color-accent: #2563eb;
    --color-accent-hover: #1d4ed8;
    --color-accent-light: #eff6ff;
    --color-accent-gradient: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);
    
    --color-border: #e2e8f0;
    --color-border-dark: #cbd5e1;
    
    --color-text-primary: #0f172a;
    --color-text-secondary: #64748b;
    --color-text-link: #2563eb;
    
    /* Buttons & Controls */
    --color-btn-bg: #ffffff;
    --color-btn-border: #e2e8f0;
    --color-btn-text: #1e293b;
    --color-btn-hover: #f8fafc;
    
    /* Status Badges */
    --color-success-bg: #dcfce7;
    --color-success-text: #15803d;
    --color-success-border: #bbf7d0;
    
    --color-warning-bg: #fef3c7;
    --color-warning-text: #b45309;
    --color-warning-border: #fde68a;
    
    --color-error-bg: #fee2e2;
    --color-error-text: #b91c1c;
    --color-error-border: #fca5a5;
    
    /* Notion & Apple Elevation & Radii */
    --radius-small: 6px;
    --radius-medium: 10px;
    --radius-large: 16px;
    
    --shadow-subtle: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-small: 0 1px 3px 0 rgba(15, 23, 42, 0.06), 0 1px 2px -1px rgba(15, 23, 42, 0.06);
    --shadow-medium: 0 4px 12px -2px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.04);
    --shadow-large: 0 20px 25px -5px rgba(15, 23, 42, 0.1), 0 8px 10px -6px rgba(15, 23, 42, 0.1);
    --shadow-glow: 0 10px 30px -10px rgba(37, 99, 235, 0.35);
}