:root {
    /* Fonts */
    --font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    
    /* Layout Sizes */
    --sidebar-width: 240px;
    --header-height: 48px;
    
    /* Color System (Light Notion Theme) */
    --color-bg-primary: #ffffff;
    --color-bg-secondary: #f7f7f5;
    --color-bg-hover: #efefe2;
    --color-bg-active: #e8e8e3;
    
    --color-border: #e9e9e6;
    --color-border-dark: #dfdfde;
    
    --color-text-primary: #37352f;
    --color-text-secondary: #7a7a78;
    --color-text-link: #2b2b2a;
    
    /* Action & Status Fills */
    --color-btn-bg: #ffffff;
    --color-btn-border: #e9e9e6;
    --color-btn-text: #37352f;
    --color-btn-hover: #f7f7f5;
    
    --color-success-bg: #e2f6ea;
    --color-success-text: #1d723c;
    --color-success-border: #c6ebd3;
    
    --color-warning-bg: #fdf3e7;
    --color-warning-text: #aa5a05;
    --color-warning-border: #f8dec0;
    
    --color-error-bg: #fdebeb;
    --color-error-text: #c41c1c;
    --color-error-border: #f9d2d2;
    
    /* Border Radius & Shadow */
    --radius-small: 3px;
    --radius-medium: 5px;
    --shadow-small: 0 1px 2px rgba(15, 15, 15, 0.05), 0 0 0 1px rgba(15, 15, 15, 0.1);
}