/* ================================================================
   Apana HRM - Dark Theme
   Overrides light theme CSS Custom Properties
   ================================================================ */

[data-theme="dark"] {
    /* ── Surface & Background ── */
    --body-bg: #0F0F1A;
    --surface: #1A1A2E;
    --surface-hover: #222240;
    --surface-alt: #16162B;
    --card-bg: #1A1A2E;
    --card-border: #2A2A45;
    --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
    --card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.4);

    /* ── Sidebar ── */
    --sidebar-bg: #12121F;
    --sidebar-border: #1E1E35;
    --sidebar-text: #8888A8;
    --sidebar-text-hover: #E8E8F0;
    --sidebar-active-bg: rgba(67, 97, 238, 0.2);
    --sidebar-active-text: #6B8AF7;
    --sidebar-header-text: #55557A;
    --sidebar-icon: #55557A;

    /* ── Topbar ── */
    --topbar-bg: #16162B;
    --topbar-border: #2A2A45;
    --topbar-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

    /* ── Text ── */
    --text-primary: #E8E8F0;
    --text-secondary: #A0A0B8;
    --text-muted: #6C6C8A;
    --text-inverse: #1A1A2E;
    --text-link: #6B8AF7;
    --text-link-hover: #8DA4F9;

    /* ── Neutrals (inverted) ── */
    --white: #1A1A2E;
    --gray-50: #16162B;
    --gray-100: #1E1E35;
    --gray-200: #2A2A45;
    --gray-300: #3A3A58;
    --gray-400: #55557A;
    --gray-500: #6C6C8A;
    --gray-600: #8888A8;
    --gray-700: #A0A0B8;
    --gray-800: #C8C8D8;
    --gray-900: #E8E8F0;

    /* ── Borders ── */
    --border-color: #2A2A45;
    --border-light: #1E1E35;
    --border-focus: #6B8AF7;

    /* ── Form Inputs ── */
    --input-bg: #16162B;
    --input-border: #2A2A45;
    --input-text: #E8E8F0;
    --input-placeholder: #55557A;
    --input-focus-border: #6B8AF7;
    --input-focus-shadow: 0 0 0 3px rgba(107, 138, 247, 0.2);
    --input-disabled-bg: #12121F;

    /* ── Tables ── */
    --table-header-bg: #16162B;
    --table-header-text: #A0A0B8;
    --table-border: #2A2A45;
    --table-row-hover: #222240;
    --table-stripe: #18182D;

    /* ── Scrollbar ── */
    --scrollbar-track: #16162B;
    --scrollbar-thumb: #2A2A45;
    --scrollbar-thumb-hover: #3A3A58;

    /* ── Semantic color adjustments for dark ── */
    --primary-light: rgba(67, 97, 238, 0.15);
    --secondary-light: rgba(114, 9, 183, 0.15);
    --success-light: rgba(6, 214, 160, 0.15);
    --warning-light: rgba(255, 209, 102, 0.15);
    --danger-light: rgba(239, 71, 111, 0.15);
    --info-light: rgba(17, 138, 178, 0.15);

    /* ── Highcharts Theme ── */
    --chart-bg: transparent;
    --chart-text: #A0A0B8;
    --chart-grid: #2A2A45;
}