/* ==========================================================================
   N.M.S. Advisory & Assurance Pvt. Ltd.
   CSS Variables / Design Tokens System (Reference: §3, §4, §5)
   ========================================================================== */

:root {
    /* Color System - Core Functional Palette (Reference: §3) */
    --nms-navy-900: #131A4A;       /* Primary Brand / Dark Headers / Page BG (Dark Mode) */
    --nms-navy-700: #1E2666;       /* Secondary Brand Surfaces / Active States / Hovers */
    --nms-navy-050: #EEF0F9;       /* Tinted Section Backgrounds (Light Mode) */
    --nms-gold-500: #F2A33E;       /* Accent Tone - Signal elements, ledger strip, active items */
    --nms-gold-700: #C97F1E;       /* Accent Hover / Pressed States */
    --nms-ink-900: #101223;        /* Near-Black Text (not pure black) */
    --nms-paper-000: #FBFAF7;       /* Warm-white Page Background */
    --nms-paper-100: #F1F2F8;       /* Slipped Card Backgrounds / Light Contrast */
    --nms-line-200: #DCDDE8;        /* Hairline borders & dividers */
    --nms-success-600: #1E7A4C;     /* Positive status / Compliance green */
    --nms-alert-600: #B3401C;       /* Warnings / Deadline flags */

    /* Typography System (Reference: §4) */
    --font-display: 'Merriweather', 'Lora', Georgia, serif;
    --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
    --font-devanagari: 'Noto Sans Devanagari', 'Mukta', sans-serif;
    --font-mono: 'JetBrains Mono', 'Roboto Mono', monospace;

    /* Typographic Scale - rem-based (Reference: §4) */
    --fs-h1: 3.25rem;       /* Mobile: 2.1rem */
    --lh-h1: 1.1;           /* Mobile: 1.15 */
    --fs-h2: 2.25rem;       /* Mobile: 1.6rem */
    --lh-h2: 1.2;
    --fs-h3: 1.5rem;        /* Mobile: 1.25rem */
    --lh-h3: 1.3;
    --fs-body: 1.0625rem;   /* Mobile: 1rem */
    --lh-body: 1.6;
    --fs-caption: 0.8125rem;
    --lh-caption: 1.5;

    /* Spacing Scale - 4px base (Reference: §5) */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --space-9: 96px;
    --space-10: 128px;

    /* Border Radius System (Reference: §5) */
    --radius-sm: 4px;       /* Inputs, tags, badges */
    --radius-md: 10px;      /* Standard Cards, items */
    --radius-lg: 20px;      /* Hero sections, bento containers, large highlights */
    --radius-full: 9999px;  /* Pills, status tags only */

    /* Navy-Tinted Elevation System (Reference: §5) */
    --shadow-1: 0 4px 20px rgba(19, 26, 74, 0.06);   /* Card Rest */
    --shadow-2: 0 12px 32px rgba(19, 26, 74, 0.12);  /* Card Hover */
    --shadow-3: 0 24px 64px rgba(19, 26, 74, 0.18);  /* Modal / Menu / Overlay Drop */

    /* Animation and Motion System (Reference: §5) */
    --ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
    --dur-fast: 120ms;
    --dur-base: 220ms;
    --dur-slow: 420ms;

    /* Page Container (Reference: §5) */
    --container-width: 1280px;
    --container-wide-width: 1440px;

    /* Z-Index Stacking System */
    --z-navbar: 9999;
}