/**
 * Unitek College – centralized color & shared UI tokens
 *
 * Single source of truth for palette values used across theme CSS, blocks,
 * and custom styles. Loaded globally before `style.css` and block stylesheets.
 *
 * @package UnitekCollege
 */

:root {
    /* ─── Brand & links ─── */
    --color-primary-dark: #28323C;
    --color-accent-blue: #007ACC;
    --color-link-blue: #0072CE;
    --color-testimonial-bg: #007ACC;
    --color-navy-deep: #074975;
    --color-sky-cyan: #50D8FF;
    --color-blue-hover: #005aa3;
    --color-blue-bright: #0E87D6;

    /* ─── Greens ─── */
    --color-green-lime: #B4E850;
    --color-green-primary: #58A430;
    --color-green-dark: #288410;
    --color-green-hover-light: #9FD03A;
    --color-green-text: #4a8f28;
    --color-green-success: #22C55E;
    --color-green-success-dark: #16A34A;
    --color-green-forest: #065F46;
    --color-green-muted: #6CB92C;
    --color-green-active: #45a049;

    /* ─── Neutrals & surfaces ─── */
    --color-white: #FFFFFF;
    --color-black-soft: #141A1E;
    --color-text-primary: #333333;
    --color-text-secondary: #666666;
    --color-text-muted: #999999;
    --color-text-heading: #1a1a1a;
    --color-gray-700-ui: #68747C;
    --color-gray-border: #ACB4BC;
    --color-gray-ui: #DADEE0;
    --color-gray-light: #E0E0E0;
    --color-surface-muted: #F0F1F2;
    --color-border-light: #eeeeee;
    --color-border-medium: #cccccc;
    --color-bg-soft: #f9f9f9;
    --color-bg-muted: #f5f5f5;
    --color-slate-700: #374151;
    --color-text-caption: #6C757D;
    --color-deep-ink: #001018;

    /* ─── Header / dark panels ─── */
    --color-header-panel: #1C2430;
    --color-header-panel-border: #2E3A49;

    /* ─── Focus & misc ─── */
    --color-focus-ring: #1a73e8;
    --color-alt-blue: #4A90E2;
    --color-blue-material: #2196f3;

    /* ─── Shadows ─── */
    --shadow-card-24: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.24);

    /* ─── Radii (shared layout tokens) ─── */
    --radius-8: 0.5rem;
    --radius-12: 0.75rem;
    --radius-pill: 6.25rem;

    /*
     * Legacy aliases – blocks/components already reference these names.
     * Keep them mapped to canonical tokens so older CSS keeps working.
     */
    --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 used in images/style.css (header / compiled assets).
     * When undefined, those rules fell back to literal College hex values.
     * Aliasing them to canonical tokens lets preset overrides (e.g. Unitek EMT) 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 (blocks / remaining literals → vars) ─── */
    --color-black-pure: #000000;
    --color-lime-chartreuse: #9FD240;
    --color-chartreuse-bright: #C4E830;
    --color-chartreuse-alt: #9CD030;
    --color-program-box-bg: #28313d;
    --color-program-box-text: #fafdff;
    --color-navy-midnight: #1e255f;
    --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: #f0f0f0;
    --color-pathway-bg: #f8f9fb;
    --color-pathway-blue: #0071bc;
    --color-pathway-blue-dark: #005a94;
    --color-border-dd: #dddddd;
    --color-nursing-slate: #2d3748;
    --color-nursing-blue: #0074CC;
    --color-nursing-navy: #1a365d;
    --color-nursing-blue-deep: #005a9c;
    --color-nursing-gray: #7a8a9a;
    --color-nursing-teal: #00618a;
    --color-nursing-sky: #0091d5;
    --color-nursing-blue-mid: #0076b3;
    --color-chakra-blue: #3182ce;
    --color-green-soft-ui: #9FE870;
    --color-green-pale-ui: #8DD760;
    --color-text-disabled: #A0A0A0;
    --color-danger-soft: #FF6B6B;
    --color-warning-soft: #FFA500;
    --color-green-cta: #5BA326;
    --color-bootstrap-blue: #007bff;
    --color-bootstrap-blue-alt: #007BFF;
    --color-neutral-100: #d4d4d4;
    --color-neutral-150: #D0D0D0;
    --color-gray-bootstrap: #E9ECEF;
    --color-bg-app: #f5f6f7;
    --color-green-deep-text: #186c1a;
    --color-border-gray-bootstrap: #e3e3e3;
    --color-border-sidebar: #d7dadc;
    --color-campus-navy: #003b63;
    --color-border-subtle: #d9d9d9;
    --color-link-campus: #0071bb;
    --color-text-strong: #444444;
    --color-bg-row: #f7f7f7;
    --color-navy-classic: #003366;
    --color-navy-classic-dark: #002244;
    --color-bg-almost-white: #fbfbfb;
    --color-green-calendar: #48a735;
    --color-gray-panel: #ececec;
    --color-text-almost-black: #222222;
    --color-slate-muted: #4e545d;
    --color-divider-navy: #394147;
    --color-sky-pale: #7ed0ff;
    --color-teal-deep: #125983;
    --color-slate-warm: #656e75;
    --color-bg-panel: #f3f4f5;
    --color-bg-panel-alt: #eceeef;
    --color-text-charcoal: #23272a;
    --color-divider-line: #dbe0e7;
    --color-bg-subtle: #f7f8fa;
    --color-bg-info: #f7f8f9;
    --color-heading-strong: #2a2f36;
    --color-tailwind-100: #F3F4F6;
    --color-tailwind-50: #F9FAFB;
    --color-tailwind-500: #6B7280;
    --color-tailwind-200: #E5E7EB;
    --color-tailwind-400: #9CA3AF;
    --color-tailwind-300: #D1D5DB;
    --color-slate-900: #0f172a;
    --color-blue-link-alt: #0069d9;
    --color-slate-custom: #6B7A8A;
    --color-code-bg: #282c34;
    --color-green-alt-428: #58A428;
    --color-green-alt-8f28: #4A8F28;
    --color-text-rich-black: #0f0f10;
    --color-border-charcoal: #424142;
    --color-navy-strip: #004876;
    --color-border-hairline: #ebebeb;
    --color-navy-muted: #074a75;
    --color-orange-accent: #FC8300;
    --color-charcoal-mid: #393939;
    --color-bg-panel-light: #f8f8f8;
    --color-bg-panel-gray: #f1f2f2;
    --color-quote-bg: #edf2f7;
    --color-ivt-quote-bg: #B4E850;
    --color-quote-heading: #20232a;
    --color-quote-body: #232f3e;
    --color-quote-muted: #7d807d;
    --color-quote-border: #cbd5e0;
    --color-quote-dark: #2d3748;
    --color-nav-bg: #f4f5f7;
    --color-nav-text: #222831;
    --color-nav-green: #018045;
    --color-testimonial-gray: #E5E5E5;
    --color-cornad-block-blue: #007ACC;
    --color-conrad-tab-blue: #007ACC;
    --color-get-started: var(--color-green-lime);
}