/*
Theme Name: Indrajit Karmakar
Theme URI: https://indrajitkarmakar.com/
Template: astra
Author: Indrajit Karmakar
Author URI: https://indrajitkarmakar.com/
Description: Professional cybersecurity portfolio and consulting theme for Indrajit Karmakar (Cybersecurity Consultant | Ethical Hacker | Security Researcher), built on the Astra framework with dynamic WordPress dashboard management, native CPTs, and dark-mode cybersecurity aesthetics.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: indrajit-karmakar
Tags: cybersecurity, portfolio, dark-mode, consulting, elementor, custom-menu, custom-logo, post-formats
*/

/* ==========================================================================
   CSS Custom Properties (Design System & Color Tokens)
   ========================================================================== */

:root {
    /* Color Palette - Dark Mode (Primary Default) */
    --ik-bg: #020817;
    --ik-bg-secondary: #06111f;
    --ik-bg-tertiary: #0a192f;
    --ik-card: #071526;
    --ik-card-hover: #0c1e34;
    --ik-card-border: rgba(0, 217, 255, 0.18);
    --ik-card-border-hover: rgba(0, 217, 255, 0.55);
    
    /* Accents & Brand Colors */
    --ik-primary: #00d9ff;
    --ik-primary-hover: #38e1ff;
    --ik-primary-dark: #008cff;
    --ik-primary-glow: rgba(0, 217, 255, 0.35);
    --ik-secondary: #0080ff;
    --ik-accent-green: #10b981;
    --ik-accent-amber: #f59e0b;
    --ik-accent-red: #ef4444;

    /* Typography Colors */
    --ik-text: #ffffff;
    --ik-text-secondary: #d7e3f0;
    --ik-text-muted: #8e9fae;
    --ik-text-dim: #5a6e82;

    /* Borders & Lines */
    --ik-border: rgba(0, 217, 255, 0.18);
    --ik-border-subtle: rgba(255, 255, 255, 0.08);
    --ik-border-glow: 0 0 15px rgba(0, 217, 255, 0.25);
    
    /* Header & Navigation */
    --ik-header-bg: rgba(2, 8, 23, 0.85);
    --ik-header-border: rgba(0, 217, 255, 0.15);

    /* Spacing & Layout */
    --ik-container-width: 1240px;
    --ik-container-narrow: 960px;
    --ik-radius-sm: 6px;
    --ik-radius-md: 10px;
    --ik-radius-lg: 16px;
    --ik-radius-full: 9999px;
    
    /* Transitions */
    --ik-transition-fast: 0.18s ease;
    --ik-transition-normal: 0.28s ease;
    --ik-transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    
    /* Typography */
    --ik-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --ik-font-mono: 'JetBrains Mono', 'Fira Code', 'Courier New', Courier, monospace;
}

/* Light Mode Overrides (Accessible High-Contrast Mode) */
[data-theme="light"] {
    --ik-bg: #f8fafc;
    --ik-bg-secondary: #f1f5f9;
    --ik-bg-tertiary: #e2e8f0;
    --ik-card: #ffffff;
    --ik-card-hover: #f8fafc;
    --ik-card-border: rgba(0, 140, 255, 0.22);
    --ik-card-border-hover: rgba(0, 140, 255, 0.6);
    
    --ik-primary: #0070f3;
    --ik-primary-hover: #0056b3;
    --ik-primary-dark: #003e80;
    --ik-primary-glow: rgba(0, 112, 243, 0.2);

    --ik-text: #0f172a;
    --ik-text-secondary: #334155;
    --ik-text-muted: #64748b;
    --ik-text-dim: #94a3b8;

    --ik-border: rgba(0, 112, 243, 0.18);
    --ik-border-subtle: rgba(15, 23, 42, 0.08);
    --ik-border-glow: 0 0 12px rgba(0, 112, 243, 0.15);

    --ik-header-bg: rgba(255, 255, 255, 0.92);
    --ik-header-border: rgba(0, 112, 243, 0.15);
}