/*
|--------------------------------------------------------------------------
| Roverdev HQ  - Global CSS Variables
|--------------------------------------------------------------------------
|
*/

:root {
    /* --- Base Colors & Gradients --- */
    --color-primary: #8a63ed; /* A deeper, rich purple */
    --color-primary-light: #b4b9ff;
    --color-primary-dark: #5e47c0;
    --color-accent: #00d4ff; /* Bright cyan accent */
    --color-accent-light: #66fff9;
    --color-accent-dark: #00aaff;
    --color-warning: #ffb70d; /* Yellow for Coming Soon */
    --color-danger: #ff4f4f; /* Red for Lock icons */
    --color-success: #4caf50; /* Green for success */
    --color-info: #3498db; /* A general info blue */
    --color-blue-dark: #2980b9;
    --color-orange-dark: #e67e22;


    /* RGB values for shadows (needed because rgba() requires individual numbers) */
    --color-primary-rgb: 138, 99, 237;
    --color-accent-rgb: 0, 212, 255;
    --color-warning-rgb: 255, 183, 13;
    --color-danger-rgb: 255, 79, 79;
    --color-success-rgb: 76, 175, 80;
    --color-info-rgb: 52, 152, 219;

    /* --- Backgrounds --- */
    --bg-dark-1: #0f0e1a; /* Very dark body background */
    --bg-dark-2: linear-gradient(145deg, #18153d, #0d1e33); /* Sidebar & Footer bg */
    --bg-dark-3: linear-gradient(135deg, #0a0a1a, #151530); /* Main content bg */
    --bg-card: rgba(255, 255, 255, 0.04); /* General card/panel background */
    --bg-input: rgba(255, 255, 255, 0.08); /* Also useful for code blocks */
    --bg-gradient-header: linear-gradient(180deg, var(--bg-dark-1) 0%, rgba(15, 14, 26, 0.8) 100%);
    --bg-light-fade: rgba(255, 255, 255, 0.02);


    /* --- Text Colors --- */
    --text-light: #e0e5ff; /* Main light text color */
    --text-muted: #9aa1c0; /* Muted text color */
    --text-heading: #d0d7ff; /* Heading text color */
    --color-text-dark: #000000; /* For text that needs to be dark on light backgrounds */
    --text-shadow-light: 0 0 5px rgba(255, 255, 255, 0.2);


    /* --- Shadows --- */
    --shadow-glow-primary: 0 0 15px rgba(var(--color-primary-rgb), 0.7);
    --shadow-glow-primary-sm: 0 0 5px var(--color-primary), inset 0 0 2px var(--color-primary-light);
    --shadow-glow-accent: 0 0 15px rgba(var(--color-accent-rgb), 0.7);
    --shadow-card: 0 5px 25px rgba(0, 0, 0, 0.4);
    --shadow-inset: inset 0 0 15px rgba(0, 0, 0, 0.3);
    --shadow-button-hover: 0 0 10px rgba(var(--color-primary-rgb), 0.5);
    --shadow-input-focus: 0 0 8px rgba(var(--color-accent-rgb), 0.6);

    /* --- Borders --- */
    --border-subtle: 1px solid rgba(var(--color-primary-rgb), 0.15);
    --border-gradient: linear-gradient(90deg, var(--color-accent-dark), var(--color-accent-light));
    --border-radius-base: 12px;


    /* --- Font Families --- */
    --font-family-base: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-family-mono: 'Fira Code', 'Cascadia Code', monospace;
    --font-heading: 'Orbitron', sans-serif;
    --font-code: var(--font-family-mono);
    --font-body: var(--font-family-base);


    /* --- Layout & Transition --- */
    --transition-speed: 0.35s;
    --fast-transition: 0.15s;

    /* --- Status Page Specific Mappings --- */
    --primary-color: var(--color-primary);
    --secondary-color: var(--text-muted);
    --background-dark: var(--bg-dark-1);
    --card-background: var(--bg-card);
    --border-color: var(--border-subtle);

    /* Status Specific Colors - mapped to new theme */
    --status-operational: var(--success-color);
    --status-degraded-performance: var(--warning-color);
    --status-partial-outage: var(--danger-color);
    --status-major-outage: var(--color-danger); /* Explicitly red for major outage */
    --status-under-maintenance: var(--color-info); /* Using info blue for maintenance */
    --status-investigating: var(--color-orange-dark); /* Deeper orange for investigation */
    --status-monitoring: var(--color-blue-dark); /* Deeper blue for monitoring */
    --status-resolved: var(--success-color);
    --status-scheduled: var(--color-info);
    --status-in-progress: var(--color-warning);
    --status-completed: var(--secondary-color);
    --status-offline: var(--color-danger);
    --status-online: var(--success-color);
    --status-unknown: var(--secondary-color);
    --status-soon-color: var(--color-warning);

    /* Light/Dark variants for status (using RGB for rgba) */
    --success-light: rgba(var(--color-success-rgb), 0.2);
    --warning-light: rgba(var(--color-warning-rgb), 0.2);
    --danger-light: rgba(var(--color-danger-rgb), 0.2);
    --info-light: rgba(var(--color-info-rgb), 0.2);
    --orange-dark-light: rgba(230, 126, 34, 0.2); /* RGB for --color-orange-dark */
    --blue-dark-light: rgba(41, 128, 185, 0.2); /* RGB for --color-blue-dark */


    /* Text colors on status banners/badges (using new theme's --color-text-dark for contrast) */
    --text-on-status-operational: #fff;
    --text-on-status-degraded: var(--color-text-dark);
    --text-on-status-offline: #fff;
    --text-on-status-maintenance: #fff;
    --text-on-status-investigating: #fff; /* White text on dark orange */
    --text-on-status-monitoring: #fff; /* White text on dark blue */
    --text-on-status-soon: var(--color-text-dark);


    /* --- Component Specific Variables --- */
    --color-card-background: var(--bg-dark-3);
    --color-card-header-background: var(--bg-dark-2);

    --color-button-secondary-background: var(--bg-input);
    --color-button-secondary-text: var(--text-light);
    --color-button-secondary-border: var(--border-subtle);
    --color-button-active-text: var(--color-text-dark);
    --color-button-active-background: var(--color-accent);
    --color-button-active-border: var(--color-accent-light);
    --shadow-button-active-glow: var(--shadow-glow-accent);

    --color-input-background: var(--bg-input);
    --color-input-background-focus: rgba(var(--color-primary-rgb), 0.1);

    --color-code-background: var(--bg-dark-1);
    --color-code-text: var(--text-light);

    --color-link-external: var(--color-accent);
    --color-link-external-hover: var(--color-accent-light);

    /* Changelog Operation Badges (for incident types) */
    --color-badge-feature: #8e44ad;
    --color-badge-feature-text: #ffffff;
    --color-badge-added: #28a745;
    --color-badge-added-text: #ffffff;
    --color-badge-updated: #ffc107;
    --color-badge-updated-text: #333333;
    --color-badge-fixed: #dc3545;
    --color-badge-fixed-text: #ffffff;
    --color-badge-security: #fd7e14;
    --color-badge-security-text: #ffffff;
    --color-badge-breaking: #6f42c1;
    --color-badge-breaking-text: #ffffff;
    --color-badge-performance: #20c997;
    --color-badge-performance-text: #ffffff;
    --color-badge-docs: #6c757d;
    --color-badge-docs-text: #ffffff;
    --color-badge-refactor: #007bff;
    --color-badge-refactor-text: #ffffff;
    --color-badge-deprecated: #ff007f;
    --color-badge-deprecated-text: #ffffff;
    --color-badge-experimental: #6610f2;
    --color-badge-experimental-text: #ffffff;
    --color-badge-incident: var(--color-danger);
    --color-badge-maintenance: var(--color-info);
    --color-badge-update: var(--color-accent);


    /* Tech Badges (Affected Systems/Frameworks) */
    --color-tech-badge-background: rgba(var(--color-primary-rgb), 0.1);
    --color-tech-badge-text: var(--color-primary-light);
    --color-tech-badge-border: rgba(var(--color-primary-rgb), 0.3);

    /* Search Highlight */
    --color-highlight-background: rgba(var(--color-accent-rgb), 0.4);
    --color-highlight-text: var(--bg-dark-1);

    /* New for SOON status/type */
    --color-badge-soon: rgba(0, 191, 255, 0.2);
    --color-badge-soon-text: #00BFFF;

    /* HTTP Method Colors */
    --method-get: var(--color-success);
    --method-post: var(--color-primary-dark);
    --method-put: var(--color-accent);
    --method-delete: var(--color-danger);
    --method-patch: var(--color-warning);
    --method-options: var(--secondary-color);
    --method-head: var(--color-info);
    --method-trace: var(--color-blue-dark);
}