/**
 * DhanGenie Design Tokens & Variables
 * Official DhanGenie Brand Identity: Navy (#002366) + Orange (#FF5C00)
 */

:root {
    /* --- DhanGenie Core Brand Colors --- */
    --brand-navy: #002366;        /* Official DhanGenie Deep Navy */
    --brand-orange: #FF5C00;      /* Official DhanGenie Radiant Orange */
    --brand-orange-hover: #E04E00;/* Richer orange on active/hover */
    --brand-orange-light: #FFF4ED;/* Soft warm orange background tint */
    --brand-orange-border: #FFD4BC;

    /* --- Primary Theme Variables --- */
    --primary: #002366;           /* Navy header, titles, structural brand */
    --primary-hover: #001847;     /* Darker navy on hover */
    --primary-bright: #FF5C00;    /* Primary Action Orange for CTAs & Key Highlights */
    --primary-light: #F0F4FA;     /* Soft slate-navy background for hero & highlights */
    --primary-border: #D0DBEA;    /* Subtle navy border */

    /* --- Dark Surfaces & Footer --- */
    --footer: #001847;            /* Deepest Navy for main footer */
    --footer-bottom: #001030;     /* Ultra-dark navy for copyright bar */
    --footer-text: #BAC9E6;       /* High-legibility light slate for footer links */

    /* --- Text & Content Colors --- */
    --text-heading: #0B1938;      /* Deep navy-black for headings */
    --text-body: #334155;         /* Slate-700 for general body copy */
    --text-secondary: #475569;    /* Slate-600 for secondary descriptions */
    --text-muted: #64748B;        /* Slate-500 for captions & timestamps */

    /* --- Backgrounds & Surfaces --- */
    --bg-body: #FFFFFF;           /* Core page white surface */
    --bg-alt: #F8FAFC;            /* Light slate background for alternating sections */
    --bg-card: #FFFFFF;           /* Card surface */
    --bg-badge: #FFF4ED;          /* Orange-tinted badge background */

    /* --- Borders & Inputs --- */
    --border: #E2E8F0;            /* Default surface & card border */
    --border-input: #CBD5E1;      /* Form input standard border */
    --border-focus: #FF5C00;      /* Form input focus border in brand orange */

    /* --- Semantic Status Colors --- */
    --success: #16A34A;           /* Status: Active / Matched */
    --success-bg: #DCFCE7;
    --warning: #D97706;           /* Status: Difference / Pending */
    --warning-bg: #FEF3C7;
    --danger: #EF4444;            /* Status: Missing / Exception / Overdue */
    --danger-bg: #FEE2E2;
    --info: #0284C7;              /* Status: In Progress / Info */
    --info-bg: #F0F9FF;

    /* --- Shadows --- */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-card: 0 4px 6px -1px rgba(0, 35, 102, 0.04), 0 2px 4px -1px rgba(0, 35, 102, 0.02);
    --shadow-hover: 0 14px 28px -4px rgba(0, 35, 102, 0.10), 0 4px 10px -2px rgba(255, 92, 0, 0.04);
    --shadow-mockup: 0 24px 48px -12px rgba(0, 35, 102, 0.16), 0 0 0 1px rgba(208, 219, 234, 0.8);
    --shadow-drawer: -4px 0 24px rgba(0, 24, 71, 0.2);
    --focus-ring: 0 0 0 3px rgba(255, 92, 0, 0.20);

    /* --- Border Radius --- */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-card: 16px;
    --radius-pill: 9999px;

    /* --- Spacing Scale --- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;
    --space-20: 80px;
    --space-24: 96px;

    /* --- Typography --- */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    /* --- Transitions --- */
    --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}