:root {
    
    --app-footer-h: 32px;

    
    --app-shadow-card: 0 2px 8px rgba(0, 0, 0, 0.08);
    --app-shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.12);

    
    --text-editor-accent-highlight: #af99ff;
    --text-editor-accent-purple: #8B5CF6;
    --text-editor-shadow-glow: 0 0 20px rgba(175, 153, 255, 0.45);
    --text-editor-radius-md: 8px;
    --text-editor-radius-lg: 12px;

    
    --contextual-sidebar-w: 60px;

    
    --control-bg: rgba(242, 242, 242, 1);
    --control-border: rgba(237, 237, 237, 1);
    --control-h: 38px;
    --control-radius: 6px;

    
    --color-dominant: #fdeffb78;
    --color-accent: #E36583;

    
    --font-sans: "Baloo 2", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}