/* ============================================================
   NITPCS BRAND VARIABLES
   ============================================================ */
:root {
    /* Brand Colors */
    --color-primary:        #006400;   /* Deep Nigeria Green */
    --color-primary-light:  #008000;   /* Medium Green */
    --color-primary-dark:   #004d00;   /* Dark Green */
    --color-primary-hover:  #005200;
    --color-secondary:      #ffffff;   /* White */
    --color-accent:         #ffd700;   /* Gold accent */
    --color-accent-light:   #fff3cd;

    /* Neutrals */
    --color-text:           #1a1a1a;
    --color-text-muted:     #555555;
    --color-text-light:     #888888;
    --color-bg:             #ffffff;
    --color-bg-alt:         #f5f7f5;
    --color-bg-dark:        #0a1a0a;
    --color-border:         #d4e6d4;
    --color-border-dark:    #b0ccb0;

    /* Status Colors */
    --color-success:        #28a745;
    --color-warning:        #ffc107;
    --color-error:          #dc3545;
    --color-info:           #17a2b8;

    /* Typography */
    --font-primary:         'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-heading:         'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-mono:            'Courier New', Courier, monospace;

    --font-size-xs:         0.75rem;    /* 12px */
    --font-size-sm:         0.875rem;   /* 14px */
    --font-size-base:       1rem;       /* 16px */
    --font-size-md:         1.125rem;   /* 18px */
    --font-size-lg:         1.25rem;    /* 20px */
    --font-size-xl:         1.5rem;     /* 24px */
    --font-size-2xl:        1.875rem;   /* 30px */
    --font-size-3xl:        2.25rem;    /* 36px */
    --font-size-4xl:        3rem;       /* 48px */
    --font-size-5xl:        3.75rem;    /* 60px */

    --font-weight-normal:   400;
    --font-weight-medium:   500;
    --font-weight-semibold: 600;
    --font-weight-bold:     700;
    --font-weight-extrabold:800;

    --line-height-tight:    1.2;
    --line-height-snug:     1.4;
    --line-height-normal:   1.6;
    --line-height-relaxed:  1.8;

    /* Spacing */
    --space-1:   0.25rem;
    --space-2:   0.5rem;
    --space-3:   0.75rem;
    --space-4:   1rem;
    --space-5:   1.25rem;
    --space-6:   1.5rem;
    --space-8:   2rem;
    --space-10:  2.5rem;
    --space-12:  3rem;
    --space-16:  4rem;
    --space-20:  5rem;
    --space-24:  6rem;
    --space-32:  8rem;

    /* Layout */
    --container-max:        1200px;
    --container-wide:       1400px;
    --container-narrow:     800px;
    --container-padding:    1.5rem;

    /* Borders */
    --radius-sm:    4px;
    --radius-md:    8px;
    --radius-lg:    12px;
    --radius-xl:    16px;
    --radius-full:  9999px;

    /* Shadows */
    --shadow-sm:    0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
    --shadow-md:    0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.06);
    --shadow-lg:    0 10px 15px rgba(0,0,0,0.1), 0 4px 6px rgba(0,0,0,0.05);
    --shadow-xl:    0 20px 25px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.04);
    --shadow-green: 0 4px 15px rgba(0,100,0,0.2);

    /* Transitions */
    --transition-fast:   150ms ease;
    --transition-base:   250ms ease;
    --transition-slow:   400ms ease;

    /* Z-index */
    --z-dropdown:   100;
    --z-sticky:     200;
    --z-fixed:      300;
    --z-modal:      400;
    --z-toast:      500;

    /* Header */
    --header-height:        70px;
    --header-height-scroll: 60px;
}