/* ============================================================
   HARISHYA - THEME & COLOR VARIABLES (Dark / Light Mode)
   File: css/dark-mode.css
   ============================================================ */

:root {
    /* Default Dark Theme Colors */
    --bg: #07101d;
    --surface: #0c1829;
    --surface2: #11233a;
    --surface3: #162b45;
    --text: #f5f9ff;
    --muted: #9cafc4;

    --primary: #29b6f6;
    --primary-2: #38d5ff;
    --accent: #6ee7b7;
    --accent-2: #8b7cff;

    --line: rgba(255,255,255,.10);
    --line-strong: rgba(255,255,255,.16);
    --border: rgba(255,255,255,.10);

    --shadow: 0 24px 70px rgba(0,0,0,.38);
    --soft-shadow: 0 16px 45px rgba(0,0,0,.18);
    --hover-shadow: 0 28px 75px rgba(41,182,246,.18);
}

[data-theme="light"] {
    /* Light Theme Overrides */
    --bg: #f4f8fc;
    --surface: #ffffff;
    --surface2: #eef4fa;
    --surface3: #e5eef7;
    --text: #0b1727;
    --muted: #53657a;

    --line: rgba(12,23,38,.10);
    --line-strong: rgba(12,23,38,.16);
    --border: rgba(12,23,38,.10);

    --shadow: 0 24px 65px rgba(23,52,82,.12);
    --soft-shadow: 0 15px 40px rgba(23,52,82,.08);
    --hover-shadow: 0 28px 70px rgba(41,182,246,.20);
}

/* Specific Component Light Theme Overrides */
[data-theme="light"] .header {
    background: rgba(255,255,255,.84);
    border-bottom-color: rgba(12,23,38,.09);
    box-shadow: 0 10px 35px rgba(23,52,82,.08);
}

[data-theme="light"] .hero-badge,
[data-theme="light"] .hero-floating-card,
[data-theme="light"] .hero-card {
    background: rgba(255,255,255,.78);
    border-color: rgba(12,23,38,.10);
}