/**
 * Unitek EMT — full token overrides vs theme-colors.css (Figma web kit).
 *
 * Loaded after assets/css/theme-colors.css when Theme Settings → Color scheme = Unitek EMT.
 * Every variable from theme-colors.css is redefined here so no College colors leak through.
 *
 * @package UnitekCollege
 */

:root {
    /* ─── EMT named palette (Figma PNGs) ─── */
    --emt-red: #AB1F2C;
    --emt-red-hero: #E31B23;
    --emt-red-card-heading: #E31E24;
    --emt-red-bright: #FF4C30;
    --emt-red-orange: #FF4B33;
    --emt-red-deep: #AB1F2C;
    --emt-charcoal: #28323C;
    --emt-charcoal-alt: #2C353D;
    --emt-charcoal-ui: #2D3748;
    --emt-charcoal-card: #252C35;
    --emt-charcoal-forms: #2D373D;
    --emt-charcoal-header: #2d363f;
    --emt-blue-section: #004B71;
    --emt-blue-deep: #004B87;
    --emt-blue-link: #0071BC;
    --emt-blue-accent: #0085CA;
    --emt-cyan-icon: #48C6EF;
    --emt-cyan-arrow: #00AEEF;
    --emt-navy-accordion: #1B4E70;
    --emt-surface-light: #F2F4F7;
    --emt-surface-soft: #F2F2F2;
    --emt-surface-card-light: #F1F2F2;
    --emt-surface-callout: #F8F9FA;
    --emt-subnav-gray: #F5F5F5;
    --emt-gold-cta: #FFB81C;
    --emt-orange-form: #E35205;
    --emt-slate-button: #5B6770;
    --emt-slate-table-header: #7C878E;
    --emt-row-alt: #E6E7E8;
    --emt-teal-app: #00D2A0;
    --emt-teal-app-bright: #00E676;
    --emt-body-on-light: #231F20;
    --emt-orange-button: #FF4030;
    --emt-conrad-block: #AB1F2C;
    --emt-blue-arrow: #14D0FA;
    --emt-accent-blue: #007ACC;
    /* ─── Brand & links (matches base token names) ─── */
    --color-primary-dark: var(--emt-charcoal);
    --color-black-soft: var(--color-white);
    --color-dark-black: #001820;
    --color-accent-blue: var(--emt-conrad-block);
    --sidebar-bg-color: var(--emt-conrad-block); 
    --color-link-blue:  var(--emt-conrad-block);
    --color-testimonial-bg: var(--emt-orange-button);
    --color-testimonial-text: var(--color-white);
    --color-navy-deep: var(--emt-red-deep);
    --color-sky-cyan: var(--emt-red-bright);
    --color-blue-hover: #005aa3;
    --color-blue-bright: var(--emt-blue-deep);
    --color-alt-blue: var(--emt-blue-accent);
    --color-blue-material: var(--emt-blue-link);

    /* ─── Greens → EMT reds / teal (College green slots) ─── */
    --color-green-lime: var(--emt-orange-button);
    --color-green-primary: var(--emt-red);
    --color-green-dark: var(--emt-orange-button);
    --color-green-hover-light: var(--emt-red-bright);
    --color-green-text: var(--emt-red-deep);
    --color-green-muted: var(--emt-red-bright);
    --color-green-success: var(--emt-teal-app);
    --color-green-success-dark: #00b88a;
    --color-green-forest: var(--emt-charcoal-alt);
    --color-green-active: var(--emt-red-deep);
    --color-faq-download-link: #BE1E2D;

    /* ─── Neutrals & surfaces ─── */
    --color-white: #FFFFFF;
    --color-black-soft: var(--emt-body-on-light);
    --color-text-primary: #333333;
    --color-text-secondary: #666666;
    --color-text-muted: #999999;
    --color-text-heading: var(--emt-charcoal);
    --color-gray-700-ui: var(--emt-slate-button);
    --color-gray-border: #d0d5d9;
    --color-gray-ui: #e4e7ea;
    --color-gray-light: #e0e3e6;
    --color-surface-muted: var(--emt-surface-light);
    --color-border-light: #eeeeee;
    --color-border-medium: #cccccc;
    --color-bg-soft: var(--emt-surface-callout);
    --color-bg-muted: var(--emt-subnav-gray);
    --color-slate-700: #4a5568;
    --color-text-caption: var(--emt-slate-table-header);
    --color-deep-ink: var(--emt-charcoal-forms);
    --color-bg-soft: #F0F1F2;
    --color-gray-border: #ACB4BC;

    /* ─── Header / dark panels ─── */
    --color-header-panel: var(--emt-charcoal-header);
    --color-header-panel-border: #3d4a54;

    /* ─── Focus & misc ─── */
    --color-focus-ring: var(--emt-blue-link);

    /* ─── Shadows & radii (non-color; keep interaction with EMT surfaces) ─── */
    --shadow-card-24: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.24);
    --textarea-focus-shadow: 0 0 0 3px rgba(0, 113, 188, 0.15);
    --radius-8: 0.5rem;
    --radius-12: 0.75rem;
    --radius-pill: 6.25rem;

    /* ─── Legacy aliases ─── */
    --primary-blue: var(--color-primary-dark);
    --accent-blue: var(--color-accent-blue);
    --primary-green: var(--color-green-lime);
    --accent-green-strong: var(--color-green-dark);
    --text-dark: var(--color-primary-dark);
    --gray-900: var(--color-text-primary);
    --gray-700: var(--color-text-secondary);
    --gray-200: var(--color-gray-light);
    --surface: var(--color-white);

    /*
     * Figma export names (images/style.css). Must mirror theme-colors.css so overrides apply.
     */
    --base-ui-two-dadee0: var(--color-gray-ui);
    --base-ui-four-28323c: var(--color-primary-dark);
    --base-ui-light-ffffff: var(--color-white);
    --base-ui-dark-141a1e: var(--color-black-soft);
    --base-ui-three-68747c: var(--color-gray-700-ui);
    --medium-gray-0090f0: var(--color-gray-border);
    --secondary-1-58a428: var(--color-green-primary);
    --secondary-two-58a430: var(--color-green-primary);
    --secondary-one-288410: var(--color-green-dark);
    --primary-two-007acc: var(--color-accent-blue);

    /* ─── Extended palette (full parity with theme-colors.css) ─── */
    --color-black-pure: #000000;
    --color-tvs-blue: #074975;
    --color-lime-chartreuse: var(--emt-red-bright);
    --color-chartreuse-bright: var(--emt-red-orange);
    --color-chartreuse-alt: var(--emt-red-bright);
    --color-program-box-bg: var(--emt-charcoal-card);
    --color-program-box-text: #fafdff;
    --color-navy-midnight: var(--emt-navy-accordion);
    --color-gray-step-1: #edeef0;
    --color-gray-step-2: #e9eaeb;
    --color-gray-step-3: #dfe1e4;
    --color-gray-step-4: #c2c4c6;
    --color-gray-600-alt: #979797;
    --color-surface-gray-100: var(--emt-row-alt);
    --color-pathway-bg: var(--emt-surface-callout);
    --color-pathway-blue: var(--emt-blue-link);
    --color-pathway-blue-dark: #005a94;
    --color-border-dd: #dddddd;
    --color-nursing-slate: var(--emt-charcoal-ui);
    --color-nursing-blue: var(--emt-blue-deep);
    --color-nursing-navy: var(--emt-navy-accordion);
    --color-nursing-blue-deep: #004e7a;
    --color-nursing-gray: #7a8a9a;
    --color-nursing-teal: #00618a;
    --color-nursing-sky: var(--emt-cyan-icon);
    --color-nursing-blue-mid: #0076b3;
    --color-chakra-blue: var(--emt-blue-accent);
    --color-green-soft-ui: var(--emt-gold-cta);
    --color-green-pale-ui: var(--emt-orange-form);
    --color-text-disabled: #A0A0A0;
    --color-danger-soft: #FF6B6B;
    --color-warning-soft: var(--emt-gold-cta);
    --color-green-cta: var(--emt-red);
    --color-bootstrap-blue: var(--emt-blue-link);
    --color-bootstrap-blue-alt: var(--emt-blue-link);
    --color-neutral-100: #d4d4d4;
    --color-neutral-150: #D0D0D0;
    --color-gray-bootstrap: var(--emt-surface-soft);
    --color-bg-app: var(--emt-surface-light);
    --color-green-deep-text: var(--emt-red-deep);
    --color-border-gray-bootstrap: #e3e3e3;
    --color-border-sidebar: #d7dadc;
    --color-campus-navy: var(--emt-blue-section);
    --color-border-subtle: #d9d9d9;
    --color-link-campus: var(--emt-blue-link);
    --color-text-strong: var(--emt-body-on-light);
    --color-bg-row: var(--emt-subnav-gray);
    --color-navy-classic: var(--emt-blue-section);
    --color-navy-classic-dark: #003352;
    --color-bg-almost-white: #fbfbfb;
    --color-green-calendar: var(--emt-red-bright);
    --color-gray-panel: var(--emt-surface-soft);
    --color-text-almost-black: var(--emt-body-on-light);
    --color-slate-muted: #4e545d;
    --color-divider-navy: var(--emt-charcoal-alt);
    --color-sky-pale: var(--emt-cyan-icon);
    --color-teal-deep: var(--emt-navy-accordion);
    --color-slate-warm: #656e75;
    --color-bg-panel: var(--emt-surface-card-light);
    --color-bg-panel-alt: var(--emt-row-alt);
    --color-text-charcoal: var(--emt-charcoal);
    --color-divider-line: #dbe0e7;
    --color-bg-subtle: var(--emt-surface-callout);
    --color-bg-info: var(--emt-surface-soft);
    --color-heading-strong: var(--emt-charcoal-alt);
    --color-tailwind-100: var(--emt-surface-light);
    --color-tailwind-50: var(--emt-surface-callout);
    --color-tailwind-500: var(--emt-slate-table-header);
    --color-tailwind-200: var(--emt-row-alt);
    --color-tailwind-400: #9CA3AF;
    --color-tailwind-300: #D1D5DB;
    --color-light-gray: #DADEE0;
    --color-slate-900: var(--emt-charcoal);
    --color-blue-link-alt: #0069c7;
    --color-slate-custom: #6B7A8A;
    --color-code-bg: #282c34;
    --color-green-alt-428: var(--emt-red-hero);
    --color-green-alt-8f28: var(--emt-red-deep);
    --color-text-rich-black: var(--emt-body-on-light);
    --color-border-charcoal: #424142;
    --color-navy-strip: var(--emt-blue-section);
    --color-border-hairline: #ebebeb;
    --color-navy-muted: var(--emt-blue-section);
    --color-orange-accent: var(--emt-orange-form);
    --color-charcoal-mid: #393939;
    --color-bg-panel-light: var(--emt-surface-callout);
    --color-bg-panel-gray: var(--emt-surface-soft);
    --color-quote-bg: var(--emt-surface-light);
    --color-ivt-quote-bg: var(--emt-orange-button);
    --color-quote-heading: var(--emt-charcoal);
    --color-quote-body: #232f3e;
    --color-quote-muted: #7d807d;
    --color-quote-border: #cbd5e0;
    --color-quote-dark: var(--emt-charcoal-ui);
    --color-nav-bg: var(--emt-subnav-gray);
    --color-nav-text: var(--emt-charcoal);
    --color-nav-green: var(--emt-red);
    --color-testimonial-gray: var(--emt-row-alt);
    --color-cornad-block-blue: var(--emt-conrad-block);
    --color-conrad-tab-blue:  var(--emt-conrad-block);
    --color-green-dark:var(--emt-red-deep);
    --color-get-started: var(--color-white);
    --color-arrow-blue: var(--color-white);
    --color-program-box: var(--emt-charcoal-card);
    --color-healthcare-tab: var(--emt-red-bright);
    --color-healthcare-title: var(--color-white);
    --color-bsn-feature-title: var(--emt-red-bright);
    --color-bsn-arrow-blue: var(--emt-blue-arrow);
    --color-hero-subheadline: var(--color-white);
    --background-color-get-started-block: var(--color-bg-soft);
    --color-get-started-text: var(--color-primary-dark);
    --color-get-started-btn-disabled: var(--color-bg-soft);
    --color-get-started-btn-active: var(--emt-red);
    --color-back-get-started-btn: var(--color-dark-black);
    --color-bg-get-started-options: var(--color-white);
    --color-hover-options-get-started: var(--color-gray-600-alt);
    --color-healthcare-tab-link: var(--emt-blue-arrow);
    --color-getstarted-form-bg: var(--color-primary-dark);
    --color-getstarted-heading: var(--color-white);
    --color-get-started-today-form-field: var(--color-white);
    --color-get-started-today-form-field-border: var(--color-gray-border);
    --color-get-started-today-form-field-text: var(--color-black-soft);
    --color-get-started-list-item-label: var(--color-light-gray);
    --color-getstarted-button: var(--emt-orange-button);
    --color-date: var(--emt-accent-blue);
    --color-hover: var(--color-dark-black);
    --color-footer-divider: var(--emt-red);
    --color-back-arrow: var(--color-dark-black);
    --color-checkbox: var(--color-primary-dark);
    /* This theme uses a dark get-started form background — use white for the GS checkbox fill */
    --color-gs-checkbox: var(--color-white);
    --color-bg-get-started-dark: var(--emt-red);
    --color-bg-get-started-dark-border: var(--color-gray-border);
    --color-btn-get-started-dark: var(--color-white);
    --color-btn-get-started-dark-text: var(--emt-red);
    --color-btn-get-started-dark-text-hover: var(--color-white);
    --color-gs-hover: var(--emt-orange-button);
    --color-link: var(--emt-accent-blue);
    --color-tvs-title: var(--color-white);
    --color-faq-title: var(--color-white);
    --color-faq-active: var(--emt-accent-blue);
    --color-faq-question: var(--base-ui-dark-141a1e);
    --color-tvs-lower-right: var(--color-tvs-blue);
    --color-tvs-lower-right-text: var(--color-white);
    --color-tvs-lower-resource: var(--color-white);
    --color-bsn-header: var(--emt-accent-blue);
    --color-bsn-open: var(--color-tvs-blue);
    --color-page-title-btn: var(--color-white);
    --color-page-title-btn-text: var(--emt-red);
    --color-program--box: var(--color-white);
    --color-program-box-text: var(--emt-red);
    --color-program-arrow: var(--emt-red);
    --color-page-title-mobile: var(--emt-red);
    --color-wave-color: var(--emt-red);
    --color-wave-divider: var(--emt-red-hero);
    --color-conrad-active-tab: var(--color-white);
    --color-conrad-active-tab-text: var(--emt-red);
    --color-header: var(--color-primary-dark);
    --color-concord-tab-bg: var(--color-bg-soft);
}