/**
 * SAM Design Tokens
 * Central CSS custom-property definitions shared across all pages.
 * Load this file before any other local CSS.
 */

:root {
    /* --- Typography --- */
    --font-family-default: 'Poppins', sans-serif;
    --font-family-code:    'Roboto Mono', monospace;

    --font-weight-regular:   400;
    --font-weight-semi-bold: 600;
    --font-weight-bold:      700;

    /* Type scale (mirrors Unity _variables.scss) */
    --font-size-xxsm:   0.875rem;
    --font-size-xsm:    1rem;
    --font-size-sm:     1.125rem;
    --font-size-base:   1.25rem;
    --font-size-lg:     1.5rem;
    --font-size-xlg:    1.875rem;
    --font-size-xxlg:   2.25rem;
    --font-size-xxxlg:  3rem;
    --font-size-xxxxlg: 3.75rem;

    --line-height-xxsm:   1.35;
    --line-height-xsm:    1.5rem;
    --line-height-sm:     1.875rem;
    --line-height-base:   1.875rem;
    --line-height-lg:     2.25rem;
    --line-height-xlg:    2.625rem;
    --line-height-xxlg:   3rem;
    --line-height-xxxlg:  3.75rem;
    --line-height-xxxxlg: 4.5rem;


    /* --- NCAR brand colors --- */
    --ncar-space-blue: #011837;   /* Unity space-blue — darkest nav/heading text */
    --ncar-gray-light: #bbbcbc;   /* Unity grays.light — nav item dividers */
    --ncar-navy:       #00357a;   /* NSF NCAR brand navy */
    --ncar-blue:       #0057c2;   /* NSF NCAR brand blue */
    --ncar-blue-rgb:   0, 87, 194; /* for rgba(var(--ncar-blue-rgb), <a>) callsites */
    --ncar-light-blue: #00A2B4;   /* NSF NCAR teal light */
    --ncar-cyan:       #34e1f4;   /* NSF NCAR sky blue */
    --ncar-teal:       #00818F;   /* NSF NCAR teal dark */
    --ncar-sky:        #42C0FF;   /* NSF NCAR sky light */
    --ncar-vermilion:  #ff1f1f;   /* NSF NCAR defining accent */
    --ncar-orange:     #faa119;   /* Unity secondary-colors.orange (warning fill) */
    --ncar-gold:       #fdd509;   /* Unity yellow — bright gold accent (e.g. dark-panel headings) */
    --ncar-gray:       #97999b;
    --ncar-navy-mid:   #003579;   /* gradient midpoint (navy → blue) */
    --ncar-teal-rgb:   0, 153, 204;  /* #0099CC used in rgba() calls */

    /* --- Semantic colors --- */
    --success-color:   #10b981;
    --warning-color:   #f59e0b;
    --danger-color:    #E81D24;   /* brand vermilion */
    --info-color:      #0056C2;
    --bg-light:        #f6f7f6;   /* NSF NCAR warm off-white */
    --text-dark:       #323133;
    --border-color:    #E2E8F0;

    /* --- Design system tokens --- */
    --bg-gray-light:     #f8f9fa;
    --bg-gray-medium:    #e9ecef;

    --shadow-sm:  0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-brand: 0 4px 12px rgba(0, 153, 204, 0.3);

    --radius-sm:  4px;
    --radius-md:  6px;
    --radius-lg:  8px;
    --radius-xl:  10px;

    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;

    /* --- Additional utility tokens --- */
    --color-gray-muted: #718096;  /* muted gray for secondary text */
    --bs-warning-text:  #856404;  /* Bootstrap warning text color */
}