/* CSS Variables - Light Theme */
:root {
    --primary: #F37021;
    --primary-hover: #d85f17;
    --primary-light: #fff7ed;
    --secondary: #6c757d;
    --success: #28a745;
    --danger: #dc3545;
    --warning: #ffc107;
    --info: #17a2b8;
    --light: #e9ecef;
    --dark: #212529;
    --border: #dee2e6;
    --border-light: #e9ecef;
    --white: #fdfdfd;
    --bg-light: #e0e2e6;
    --bg-main: #f0f2f5;
    --shadow: 0 2px 8px rgba(0,0,0,0.08);
    --shadow-lg: 0 4px 20px rgba(0,0,0,0.12);
    --radius: 8px;
    --radius-sm: 4px;
    --transition: 0.2s ease;
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-mono: 'SF Mono', 'Fira Code', 'Courier New', monospace;

    /* Text colors */
    --text-primary: #1a1a2e;
    --text-secondary: #6b7280;
    --text-muted: #9ca3af;

    /* Editor colors */
    --editor-bg: #ffffff;
    --editor-text: #1a1a2e;
    --preview-bg: #ffffff;

    /* Scrollbar */
    --scrollbar-bg: #f1f1f1;
    --scrollbar-thumb: #c1c1c1;

    /* AI Chat extras */
    --tool-call-bg: #f8f9fa;
    --tool-call-border: #e2e6ea;
    --reasoning-bg: #f0f4f8;
    --reasoning-border: #d0dbe8;
    --thinking-animation-color: #6b7280;
}

/* Dark Theme - Pure Black */
[data-theme="dark"] {
    --primary: #F37021;
    --primary-hover: #d85f17;
    --primary-light: #fff7ed;
    --secondary: #9ca3af;
    --light: #171717;
    --dark: #f3f4f6;
    --border: #262626;
    --border-light: #404040;
    --white: #000000;
    --bg-light: #000000;
    --bg-main: #0a0a0a;
    --shadow: 0 2px 8px rgba(0,0,0,0.5);
    --shadow-lg: 0 4px 20px rgba(0,0,0,0.6);

    --text-primary: #f5f5f5;
    --text-secondary: #a3a3a3;
    --text-muted: #737373;

    --editor-bg: #000000;
    --editor-text: #f5f5f5;
    --preview-bg: #000000;

    --scrollbar-bg: #171717;
    --scrollbar-thumb: #404040;

    --tool-call-bg: #1a1a1a;
    --tool-call-border: #2a2a2a;
    --reasoning-bg: #111318;
    --reasoning-border: #1e2430;
    --thinking-animation-color: #737373;
}
