:root[data-theme="dark"] {
    
    --bg-primary: #0a0a0f;
    --bg-secondary: #141419;
    --bg-tertiary: #1a1a24;
    --bg-elevated: #20202e;

    
    color-scheme: dark;

    
    --text-primary: #e8e8f0;
    --text-secondary: #a8a8b8;
    --text-tertiary: #707080;
    --text-hint: #505060;

    
    --accent-primary: #4a93ff;
    --accent-hover: #526cff;
    --accent-active: #45b5ff;

    
    --success: #4ade80;
    --warning: #fb923c;
    --error: #f87171;
    --info: #60a5fa;

    
    --border-subtle: #2a2a38;
    --border-medium: #3a3a48;
    --border-strong: #4a4a58;

    
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 2px 4px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 8px 16px rgba(0, 0, 0, 0.12);

    
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;

    
    --radius-sm: 3px;
    --radius-md: 4px;
    --radius-lg: 6px;
    --radius-xl: 8px;

    
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
    --transition-slow: 350ms ease;

    
    --font-mono: 'Consolas', 'Monaco', 'Courier New', monospace;
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif;
    --font-primary: Georgia, 'Times New Roman', serif;
}


[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    caret-color: var(--text-primary);
    
    cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="11" y="4" width="2" height="16" fill="white"/><path d="M8 4H16M8 20H16" stroke="white" stroke-width="2"/></svg>') 12 12, text;
}


[data-theme="dark"] #canvas-editor {
    caret-color: var(--text-primary) !important;
    cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="11" y="4" width="2" height="16" fill="white"/><path d="M8 4H16M8 20H16" stroke="white" stroke-width="2"/></svg>') 12 12, text !important;
}