/* ========================================
   THEMES.CSS - Theme Definitions (CSS Variables per Theme)
   ======================================== */

/* ========== TERMINAL THEME (Default) ========== */
[data-theme="terminal"] {
    /* Colors - Classic amber terminal aesthetic */
    --color-bg: #0d0d0d;
    --color-surface: #1a1a1a;
    --color-surface-hover: rgba(255, 176, 0, 0.05);
    --color-primary: #ffb000;
    --color-primary-dim: #996a00;
    --color-primary-glow: rgba(255, 176, 0, 0.15);
    --color-accent: #00ff41;
    --color-accent-dim: #00a352;
    --color-secondary: #00ff41;
    --color-success: #00ff41;
    --color-error: #ff5f56;
    --color-text: #ffffff;
    --color-text-muted: #888888;
    --color-text-dim: #555555;

    /* Effects */
    --crt-enabled: 1;
    --glass-enabled: 0;
    --scanline-opacity: 0.03;

    /* Borders */
    --border-color: rgba(255, 176, 0, 0.2);
    --border-color-hover: rgba(255, 176, 0, 0.4);

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 20px var(--color-primary-glow);

    /* Panel styles */
    --panel-bg: rgba(255, 176, 0, 0.02);
    --panel-border: 2px solid var(--color-primary-dim);
    --panel-radius: 0 var(--radius-lg) var(--radius-lg) 0;
    --panel-margin-left: 1.5rem;

    /* Image filters */
    --image-filter: sepia(0.2) saturate(1.1);
    --image-filter-hover: none;

    /* Profile frame - solid border instead of gradient */
    --profile-border: 3px solid var(--color-primary);
    --profile-radius: var(--radius-lg);

    /* Card accent line */
    --card-accent-color: var(--color-primary);
    --card-accent-opacity: 0.6;

    /* Button styles */
    --btn-bg: var(--color-primary);
    --btn-color: var(--color-bg);
    --btn-hover-shadow: 0 15px 35px rgba(255, 176, 0, 0.3);
}

/* ========== GLASSMORPHIC THEME ========== */
[data-theme="glass"] {
    /* Colors - Monochromatic cool gray with subtle blue tint */
    --color-bg: #0a0a0f;
    --color-surface: rgba(255, 255, 255, 0.04);
    --color-surface-hover: rgba(255, 255, 255, 0.06);
    --color-primary: #a0aec0;
    --color-primary-dim: rgba(160, 174, 192, 0.5);
    --color-primary-glow: rgba(160, 174, 192, 0.15);
    --color-accent: #cbd5e0;
    --color-accent-dim: rgba(203, 213, 224, 0.4);
    --color-secondary: #718096;
    --color-success: #68d391;
    --color-error: #fc8181;
    --color-text: #f7fafc;
    --color-text-muted: rgba(255, 255, 255, 0.6);
    --color-text-dim: rgba(255, 255, 255, 0.35);

    /* Effects */
    --crt-enabled: 0;
    --glass-enabled: 1;
    --scanline-opacity: 0;
    --backdrop-blur: blur(20px);

    /* Borders */
    --border-color: rgba(255, 255, 255, 0.08);
    --border-color-hover: rgba(255, 255, 255, 0.15);

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.25);
    --shadow-lg: 0 25px 50px rgba(0, 0, 0, 0.3);
    --shadow-glow: 0 0 30px rgba(255, 255, 255, 0.05);

    /* Panel styles */
    --panel-bg: rgba(255, 255, 255, 0.03);
    --panel-border: 1px solid rgba(255, 255, 255, 0.08);
    --panel-radius: var(--radius-2xl);
    --panel-margin-left: 0;

    /* Image filters */
    --image-filter: none;
    --image-filter-hover: none;

    /* Profile frame - subtle border */
    --profile-border: 2px solid rgba(255, 255, 255, 0.15);
    --profile-radius: 24px;

    /* Card accent line */
    --card-accent-color: rgba(255, 255, 255, 0.3);
    --card-accent-opacity: 0.5;

    /* Button styles - solid, no gradient */
    --btn-bg: rgba(255, 255, 255, 0.1);
    --btn-color: var(--color-text);
    --btn-hover-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}

/* Glassmorphic background - subtle, no gradient */
[data-theme="glass"] body {
    background: #0a0a0f;
    font-family: var(--font-sans);
}

/* Glassmorphic: keep terminal elements monospace */
[data-theme="glass"] .command-prompt,
[data-theme="glass"] .command-input,
[data-theme="glass"] .skills-tree,
[data-theme="glass"] .skills-summary {
    font-family: var(--font-mono);
}

/* Glassmorphic: serif for the hero tagline quote */
[data-theme="glass"] .hero-subtitle {
    font-family: 'Georgia', 'Times New Roman', serif;
}

/* ========== MINIMAL LIGHT THEME ========== */
[data-theme="light"] {
    /* Colors - Clean light theme */
    --color-bg: #f8fafc;
    --color-surface: #ffffff;
    --color-surface-hover: rgba(0, 0, 0, 0.02);
    --color-primary: #1e40af;
    --color-primary-dim: #3b82f6;
    --color-primary-glow: rgba(30, 64, 175, 0.1);
    --color-accent: #1e40af;
    --color-accent-dim: rgba(30, 64, 175, 0.4);
    --color-secondary: #475569;
    --color-success: #059669;
    --color-error: #dc2626;
    --color-text: #0f172a;
    --color-text-muted: #475569;
    --color-text-dim: #94a3b8;

    /* Effects */
    --crt-enabled: 0;
    --glass-enabled: 0;
    --scanline-opacity: 0;

    /* Borders */
    --border-color: #e2e8f0;
    --border-color-hover: #cbd5e1;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --shadow-glow: none;

    /* Panel styles */
    --panel-bg: var(--color-surface);
    --panel-border: 1px solid var(--border-color);
    --panel-radius: var(--radius-lg);
    --panel-margin-left: 0;

    /* Image filters */
    --image-filter: none;
    --image-filter-hover: none;

    /* Profile frame */
    --profile-border: 3px solid var(--color-primary);
    --profile-radius: var(--radius-lg);

    /* Card accent line */
    --card-accent-color: var(--color-primary);
    --card-accent-opacity: 0.8;

    /* Button styles */
    --btn-bg: var(--color-primary);
    --btn-color: #ffffff;
    --btn-hover-shadow: 0 10px 25px rgba(30, 64, 175, 0.25);
}

/* Minimal light theme body */
[data-theme="light"] body {
    font-family: var(--font-sans);
    color: var(--color-text);
    background: var(--color-bg);
}

/* ========== SHARED MINIMAL STYLES ========== */
[data-theme="light"] .command-prompt,
[data-theme="light"] .command-input,
[data-theme="light"] .skills-tree,
[data-theme="light"] .skills-summary {
    font-family: var(--font-mono);
}

/* Fix icon visibility in light theme */
[data-theme="light"] .tree-item-icon {
    filter: none;
    opacity: 1;
}

[data-theme="light"] .skills-tree img[src$="mikrotik.svg"],
[data-theme="light"] .skills-tree img[src$="fsharp.svg"],
[data-theme="light"] .skills-tree img[src$="dotnet.svg"],
[data-theme="light"] .skills-tree img[src$="network.svg"],
[data-theme="light"] .skills-tree img[src$="github-light.svg"] {
    /* These assets are white SVGs; invert them for light backgrounds */
    filter: invert(1) !important;
}

[data-theme="light"] .service-icon {
    background: var(--color-surface-hover);
    color: var(--color-primary);
}

[data-theme="light"] .service-card:hover .service-icon {
    background: var(--color-primary);
    color: var(--color-surface);
}

/* Fix portfolio tag colors */
[data-theme="light"] .portfolio-tag {
    background: var(--color-surface-hover);
    color: var(--color-primary);
    border: 1px solid var(--border-color);
}

/* Fix tool tag colors */
[data-theme="light"] .tool-tag {
    background: var(--color-surface-hover);
    border-color: var(--border-color);
    color: var(--color-primary);
}

/* Fix nav dots */
[data-theme="light"] .nav-dot {
    background: var(--color-surface);
    border-color: var(--border-color);
}

[data-theme="light"] .nav-dot:hover,
[data-theme="light"] .nav-dot.active {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

/* Fix level dots */
[data-theme="light"] .level-dot {
    background: var(--border-color);
}

[data-theme="light"] .level-dot.filled {
    background: var(--color-primary);
    box-shadow: none;
}

/* Fix scroll arrow */
[data-theme="light"] .scroll-arrow {
    border-color: var(--color-text-dim);
}

[data-theme="light"] .scroll-arrow::before {
    background: var(--color-primary);
}

/* Fix status dot */
[data-theme="light"] .status-dot {
    background: var(--color-success);
}

/* Fix cursor color */
[data-theme="light"] .cursor {
    background: var(--color-primary);
}

/* Fix ASCII logo visibility */
[data-theme="light"] .ascii-logo {
    color: var(--color-primary);
    opacity: 0.7;
}

/* Terminal quote styling */
[data-theme="light"] .quote-text {
    color: var(--color-text-dim);
}

/* Fix gradient icons in portfolio cards */
[data-theme="light"] .gradient-icon {
    color: rgba(255, 255, 255, 0.8);
}

/* ========== ACCESSIBILITY FIXES FOR INPUT FIELDS AND HEADER ========== */

/* Glassmorphic - improve input visibility */
[data-theme="glass"] .terminal-title {
    color: rgba(255, 255, 255, 0.7);
}

[data-theme="glass"] .command-input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

[data-theme="glass"] .form-group input::placeholder,
[data-theme="glass"] .form-group textarea::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

/* Terminal theme - ensure good contrast */
[data-theme="terminal"] .terminal-title {
    color: #888888;
}

[data-theme="terminal"] .command-input::placeholder {
    color: #666666;
}

/* Minimal Light - ensure input visibility on light background */
[data-theme="light"] .terminal-title {
    color: #64748b;
}

[data-theme="light"] .command-input {
    color: #0f172a;
}

[data-theme="light"] .command-input::placeholder {
    color: #94a3b8;
}

/* ========== COMMAND INPUT CONTAINER BACKGROUNDS ========== */

/* Minimal Light */
[data-theme="light"] .command-input-container {
    background: #ffffff;
    border-top-color: #e2e8f0;
}