/**
 * Unitek Learning — full token overrides vs theme-colors.css.
 *
 * Loaded after assets/css/theme-colors.css when Theme Settings → Color scheme = Unitek Learning.
 * ─────────────────────────────────────────────────────────────────────────────
 * GLOBAL TWEAKS: Edit only the --learning-* block below. Components use --color-*,
 * which references these tokens so one palette change updates the whole theme.
 * ─────────────────────────────────────────────────────────────────────────────
 *
 * @package UnitekCollege
 */

:root {
    /* ═══ Brand: blues & navy ═══ */
    --learning-blue-deep: #074975;
    --learning-blue-accent: #0077cc;
    --learning-blue-link: #006edc;
    --learning-blue-hover: #005aa3;
    --learning-blue-bright: #0e87d6;
    --learning-blue-link-alt: #0069d9;
    --learning-alt-blue: #4a90e2;
    --learning-blue-material: #2196f3;
    --learning-chakra-blue: #3182ce;
    --learning-focus-ring: #1a73e8;
    --learning-navy-dark: #0f2744;
    --learning-navy-strip: #003d66;
    --learning-navy-classic: #003366;
    --learning-navy-classic-dark: #002244;
    --learning-pathway-blue-dark: #005a94;
    --learning-nursing-blue-deep: #005a9c;
    --learning-nursing-teal: #00618a;
    --learning-nursing-blue-mid: #0076b3;
    --learning-teal-deep: #125983;
    --learning-cornad-block-blue: #007ACC;
    --leaning-cornad-tab-blue: #0d4976;
    --color-arrow-blue: #50DCFF;
    --color-text-blue: #50D8FF;

    /* ═══ Brand: sky / cyan ═══ */
    --learning-sky-cyan: #38bdf8;
    --learning-cyan-soft: #7dd3fc;
    --color-faq-download-link: #074975;


    /* ═══ Brand: greens ═══ */
    --learning-green-lime: #9fe870;
    --learning-green-primary: #3d9328;
    --learning-green-dark: #28751e;
    --learning-green-hover: #8bd965;
    --learning-green-text: #3a7d24;
    --learning-green-muted: #65a838;
    --learning-success: #22c55e;
    --learning-success-dark: #16a34a;
    --learning-forest: #065f46;


    /* ═══ Brand: warmth / accent ═══ */
    --learning-gold-cta: #f59e0b;
    --learning-orange-accent: #ea580c;
    --learning-danger-soft: #ff6b6b;

    /* ═══ Neutrals: ink & charcoal ═══ */
    --learning-ink: #1e293b;
    --learning-charcoal: #2d3748;
    --learning-charcoal-alt: #2c353d;
    --learning-charcoal-card: #243042;
    --learning-charcoal-forms: #252f3d;
    --learning-charcoal-header: #1e2a3a;
    --learning-navy-panel: #152a45;
    --learning-charcoal-mid: #393939;
    --learning-border-charcoal: #424142;
    --learning-quote-body: #232f3e;
    --learning-quote-muted: #7d807d;
    --learning-rich-black: #0f0f10;


    /* ═══ Text on light surfaces ═══ */
    --learning-text-primary: #333333;
    --learning-text-secondary: #666666;
    --learning-text-muted: #999999;
    --learning-text-caption: #6c757d;
    --learning-text-disabled: #a0a0a0;
    --learning-text-strong: var(--learning-ink);

    /* ═══ Borders & hairlines ═══ */
    --learning-border-ui: #acb4bc;
    --learning-border-light: #eeeeee;
    --learning-border-medium: #cccccc;
    --learning-border-dd: #dddddd;
    --learning-border-subtle: #d9d9d9;
    --learning-border-sidebar: #d7dadc;
    --learning-border-hairline: #ebebeb;
    --learning-border-gray-bootstrap: #e3e3e3;
    --learning-divider-line: #dbe0e7;
    --learning-quote-border: #cbd5e0;
    --learning-header-panel-border: #334155;

    /* ═══ Gray ramps (steps, neutrals) ═══ */
    --learning-gray-ui: #dadee0;
    --learning-gray-light: #e0e6eb;
    --learning-gray-step-1: #edeef0;
    --learning-gray-step-2: #e9eaeb;
    --learning-gray-step-3: #dfe1e4;
    --learning-gray-step-4: #c2c4c6;
    --learning-gray-600: #979797;
    --learning-neutral-100: #d4d4d4;
    --learning-neutral-150: #d0d0d0;

    /* ═══ Surfaces ═══ */
    --learning-white: #ffffff;
    --learning-black-pure: #000000;
    --learning-surface-light: #f1f5f9;
    --learning-surface-soft: #f8fafc;
    --learning-surface-card: #eef2f6;
    --learning-surface-callout: #f8fafc;
    --learning-subnav-gray: #f4f4f5;
    --learning-row-alt: #e2e8f0;
    --learning-bg-almost-white: #fbfbfb;
    --learning-program-box-text: #fafdff;

    /* ═══ Slate / UI chrome ═══ */
    --learning-slate-button: #64748b;
    --learning-slate-table: #78909c;
    --learning-slate-700: #374151;
    --learning-slate-muted: #4e545d;
    --learning-slate-warm: #656e75;
    --learning-slate-custom: #6b7a8a;
    --learning-nursing-gray: #7a8a9a;

    /* ═══ Tailwind-scale helpers (optional global gray tuning) ═══ */
    --learning-tailwind-400: #9ca3af;
    --learning-tailwind-300: #d1d5db;

    /* ═══ Misc ═══ */
    --learning-code-bg: #282c34;
    --learning-teal: #0d9488;
    --learning-teal-bright: #14b8a6;
    --learning-body-on-light: var(--learning-ink);

    /* ─── Brand & links ─── */
    --color-primary-dark: var(--color-deep-blue);
    --color-accent-blue: var(--learning-blue-accent);
    --sidebar-bg-color: var(--learning-blue-accent);
    --color-link-blue: var(--learning-blue-link);
    --color-testimonial-bg: #007ACC;
    --color-testimonial-text: var(--color-primary-dark);
    --color-navy-deep: var(--learning-blue-deep);
    --color-sky-cyan: var(--learning-sky-cyan);
    --color-blue-hover: var(--learning-blue-hover);
    --color-blue-bright: var(--learning-blue-bright);
    --color-alt-blue: var(--learning-alt-blue);
    --color-blue-material: var(--learning-blue-material);


    /* ─── Greens ─── */
    --color-green-lime: var(--color-sky-blue);
    --color-green-primary: var(--learning-cornad-block-blue);
    --color-green-dark: var(--learning-cornad-block-blue);
    --color-green-hover-light: var(--learning-blue-deep);
    --color-green-text: var(--learning-blue-deep);
    --color-green-muted: var(--learning-green-muted);
    --color-green-success: var(--learning-success);
    --color-green-success-dark: var(--learning-success-dark);
    --color-green-forest: var(--learning-forest);
    --color-green-active: var(--learning-green-muted);

    /* ─── Neutrals & surfaces ─── */
    --color-white: var(--learning-white);
    --color-black-soft: #141A1E;
    --color-text-primary: var(--learning-text-primary);
    --color-text-secondary: var(--learning-text-secondary);
    --color-text-muted: var(--learning-text-muted);
    --color-text-heading: var(--learning-charcoal);
    --color-gray-700-ui: var(--learning-slate-button);
    --color-gray-border: var(--learning-border-ui);
    --color-gray-ui: var(--learning-gray-ui);
    --color-gray-light: var(--learning-gray-light);
    --color-surface-muted: var(--learning-surface-light);
    --color-border-light: var(--learning-border-light);
    --color-border-medium: var(--learning-border-medium);
    --color-bg-soft: var(--learning-surface-soft);
    --color-bg-muted: var(--learning-subnav-gray);
    --color-slate-700: var(--learning-slate-700);
    --color-text-caption: var(--learning-text-caption);
    --color-deep-ink: var(--learning-charcoal-forms);
    --color-deep-blue: #002848;
    --color-white: #FFFFFF;
    --color-sky-blue: #14D0FA;

    /* ─── Header / dark panels ─── */
    --color-header-panel: var(--learning-charcoal-header);
    --color-header-panel-border: var(--learning-header-panel-border);

    /* ─── Focus & misc ─── */
    --color-focus-ring: var(--learning-focus-ring);

    /* ─── Shadows & radii ─── */
    --shadow-card-24: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.24);
    --textarea-focus-shadow: 0 0 0 3px rgba(26, 115, 232, 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);
    --light-grey: #DADEE0;

    /* ─── Extended palette ─── */
    --color-black-pure: var(--learning-black-pure);
    --color-lime-chartreuse: var(--learning-green-hover);
    --color-chartreuse-bright: var(--learning-green-lime);
    --color-chartreuse-alt: var(--learning-green-muted);
    --color-program-box-bg: var(--learning-charcoal-card);
    --color-program-box-text: var(--learning-program-box-text);
    --color-navy-midnight: var(--learning-navy-dark);
    --color-gray-step-1: var(--learning-gray-step-1);
    --color-gray-step-2: var(--learning-gray-step-2);
    --color-gray-step-3: var(--learning-gray-step-3);
    --color-gray-step-4: var(--learning-gray-step-4);
    --color-gray-600-alt: var(--learning-gray-600);
    --color-surface-gray-100: var(--learning-row-alt);
    --color-pathway-bg: var(--learning-surface-callout);
    --color-pathway-blue: var(--learning-blue-link);
    --color-pathway-blue-dark: var(--learning-pathway-blue-dark);
    --color-border-dd: var(--learning-border-dd);
    --color-nursing-slate: var(--learning-charcoal);
    --color-nursing-blue: var(--learning-blue-deep);
    --color-nursing-navy: var(--learning-navy-dark);
    --color-nursing-blue-deep: var(--learning-nursing-blue-deep);
    --color-nursing-gray: var(--learning-nursing-gray);
    --color-nursing-teal: var(--learning-nursing-teal);
    --color-nursing-sky: var(--learning-sky-cyan);
    --color-nursing-blue-mid: var(--learning-nursing-blue-mid);
    --color-chakra-blue: var(--learning-chakra-blue);
    --color-green-soft-ui: var(--learning-green-lime);
    --color-green-pale-ui: var(--learning-green-hover);
    --color-text-disabled: var(--learning-text-disabled);
    --color-danger-soft: var(--learning-danger-soft);
    --color-warning-soft: var(--learning-gold-cta);
    --color-green-cta: var(--learning-blue-deep);
    --color-bootstrap-blue: var(--learning-blue-link);
    --color-bootstrap-blue-alt: var(--learning-blue-accent);
    --color-neutral-100: var(--learning-neutral-100);
    --color-neutral-150: var(--learning-neutral-150);
    --color-gray-bootstrap: var(--learning-surface-soft);
    --color-bg-app: var(--learning-surface-light);
    --color-green-deep-text: var(--learning-green-dark);
    --color-border-gray-bootstrap: var(--learning-border-gray-bootstrap);
    --color-border-sidebar: var(--learning-border-sidebar);
    --color-campus-navy: var(--learning-navy-strip);
    --color-border-subtle: var(--learning-border-subtle);
    --color-link-campus: var(--learning-blue-link);
    --color-text-strong: var(--learning-text-strong);
    --color-bg-row: var(--learning-subnav-gray);
    --color-navy-classic: var(--learning-navy-classic);
    --color-navy-classic-dark: var(--learning-navy-classic-dark);
    --color-bg-almost-white: var(--learning-bg-almost-white);
    --color-green-calendar: var(--learning-green-primary);
    --color-gray-panel: var(--learning-surface-card);
    --color-text-almost-black: var(--learning-body-on-light);
    --color-slate-muted: var(--learning-slate-muted);
    --color-divider-navy: var(--learning-charcoal-alt);
    --color-sky-pale: var(--learning-cyan-soft);
    --color-teal-deep: var(--learning-teal-deep);
    --color-slate-warm: var(--learning-slate-warm);
    --color-bg-panel: var(--learning-surface-card);
    --color-bg-panel-alt: var(--learning-row-alt);
    --color-text-charcoal: var(--learning-charcoal);
    --color-divider-line: var(--learning-divider-line);
    --color-bg-subtle: var(--learning-surface-callout);
    --color-bg-info: var(--learning-surface-soft);
    --color-heading-strong: var(--learning-charcoal-alt);
    --color-tailwind-100: var(--learning-surface-light);
    --color-tailwind-50: var(--learning-surface-callout);
    --color-tailwind-500: var(--learning-slate-table);
    --color-tailwind-200: var(--learning-row-alt);
    --color-tailwind-400: var(--learning-tailwind-400);
    --color-tailwind-300: var(--learning-tailwind-300);
    --color-slate-900: var(--learning-charcoal);
    --color-blue-link-alt: var(--learning-blue-link-alt);
    --color-slate-custom: var(--learning-slate-custom);
    --color-code-bg: var(--learning-code-bg);
    --color-green-alt-428: var(--learning-green-primary);
    --color-green-alt-8f28: var(--learning-green-text);
    --color-text-rich-black: var(--learning-rich-black);
    --color-border-charcoal: var(--learning-border-charcoal);
    --color-navy-strip: var(--learning-navy-strip);
    --color-border-hairline: var(--learning-border-hairline);
    --color-navy-muted: var(--learning-blue-deep);
    --color-orange-accent: var(--learning-orange-accent);
    --color-charcoal-mid: var(--learning-charcoal-mid);
    --color-bg-panel-light: var(--learning-surface-callout);
    --color-bg-panel-gray: var(--learning-surface-soft);
    --color-quote-bg: var(--learning-surface-light);
    --color-ivt-quote-bg: #B4E850;
    --color-quote-heading: var(--learning-charcoal);
    --color-quote-body: var(--learning-quote-body);
    --color-quote-muted: var(--learning-quote-muted);
    --color-quote-border: var(--learning-quote-border);
    --color-quote-dark: var(--learning-charcoal);
    --color-nav-bg: var(--learning-subnav-gray);
    --color-nav-text: var(--learning-charcoal);
    --color-nav-green: var(--learning-green-primary);
    --color-testimonial-gray: var(--learning-row-alt);
    --color-cornad-block-blue: var(--learning-cornad-block-blue);
    --color-conrad-tab-blue: var(--leaning-cornad-tab-blue);
    --color-curriculum-gradient-start: #96D1FF;
    --color-curriculum-gradient-end: #D9EEFF;
    --color-overlay-dark-80: rgba(0, 0, 0, 0.8);
    --color-get-started: var(--color-white);
    --color-arrow-blue: var(--color-arrow-blue);
    --color-program-box: var(--color-primary-dark);
    --color-healthcare-tab: var(--learning-cornad-block-blue);
    --color-healthcare-title: var(--color-sky-blue);
    --color-bsn-feature-title: var(--color-white);
    --color-bsn-arrow-blue: var(--color-arrow-blue);
    --color-hero-subheadline: var(--color-text-blue);
    --background-color-get-started-block: var(--color-deep-blue);
    --color-get-started-text: var(--color-white);
    --color-get-started-btn-disabled: var(--color-primary-dark);
    --color-get-started-btn-active: var(--color-sky-blue);
    --color-back-get-started-btn: var(--color-gray-ui);
    --color-bg-get-started-options: var(--color-deep-blue);
    --color-hover-options-get-started: var(--color-page-title-mobile);
    --color-healthcare-tab-link: var(--color-sky-blue);
     --color-getstarted-form-bg: var(--color-surface-muted);
    --color-getstarted-heading: var(--color-black-soft);
    --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-primary-dark);
    --color-getstarted-button: var(--color-green-primary);
    --color-date: var(--color-accent-blue);
    --color-hover: var(--color-white);
    --color-footer-divider: var(--color-sky-blue);
    --color-back-arrow: var(--light-grey);
    --color-checkbox: var(var(--color-gray-ui));
    --color-bg-get-started-dark: var(--color-primary-dark);
    --color-gs-checkbox: var(--color-primary-dark);
    --color-bg-get-started-dark: var(--color-primary-dark);
    --color-bg-get-started-dark-border: var(--color-gray-border);
    --color-btn-get-started-dark: var(--color-sky-blue);
    --color-btn-get-started-dark-text: var(--color-primary-dark);
    --color-btn-get-started-dark-text-hover: var(--color-white);
    --color-gs-hover: var(--color-page-title-mobile);
    --color-link: var(--color-accent-blue);
    --color-tvs-title: var(--color-white);
    --color-faq-title: var(--color-white);
    --color-faq-active: var(--learning-cornad-block-blue);
    --color-faq-question: var(--learning-cornad-block-blue);
    --color-tvs-lower-right: var(--color-tvs-blue);
    --color-tvs-lower-right-text: var(--color-tvs-text);
    --color-tvs-lower-resource: var(--color-tvs-resource);
    --color-bsn-header: var(--emt-accent-blue);
    --color-bsn-open: var(--color-tvs-blue);
    --color-page-title-btn: var(--color-sky-blue);
    --color-page-title-btn-text: var(--color-white);
    --color-program--box: var(--color-white);
    --color-program-box-text: var(--color-deep-blue);
    --color-program-arrow: var(--color-deep-blue);
    --color-page-title-mobile: #074975BF;
    --faq-sidebar-bg-color: var(--color-deep-blue);
    --color-wave-color: var(--color-navy-deep);
    --color-wave-divider: var(--color-accent-blue);
    --color-conrad-active-tab: var(--color-navy-deep);
    --color-conrad-active-tab-text: var(--color-white);
    --color-header: #28323C;
    --color-concord-tab-bg: var(--color-white);
}