/**
 * Henry Schein One brand tokens + DDX semantic aliases
 * Source: https://hsps.widencollective.com/portals/iupjjijg/HenryScheinOneBrandPortal
 *
 * Layering: --hs1-* (primitives) → --ddx-* (semantic) → page facades (--dir-*, --mkt-*, --app-*)
 * See docs/design-system.md
 *
 * Typography: Red Hat (primary brand font); Arial (system fallback).
 * Color families: Jordy, Celeste, Pixie, Cardinal, Aluminum, Enamel, True Black, Bright White.
 */
:root {
    /* ——— Core ——— */
    --hs1-bright-white: #ffffff;
    --hs1-bright-white-rgb: 255, 255, 255;
    --hs1-true-black: #18181a;
    --hs1-true-black-rgb: 24, 24, 26;

    /* ——— Jordy (primary blue) ——— */
    --hs1-jordy-100: #dfe6ff;
    --hs1-jordy-200: #a6beff;
    --hs1-jordy-300: #6096ff;
    --hs1-jordy-400: #0071e3;
    --hs1-jordy-500: #004fa2;
    --hs1-jordy-600: #002f66;

    /* ——— Celeste (teal) ——— */
    --hs1-celeste-100: #defdff;
    --hs1-celeste-200: #c4fcfe;
    --hs1-celeste-300: #31babf;
    --hs1-celeste-400: #249195;
    --hs1-celeste-500: #186a6d;
    --hs1-celeste-600: #0c4648;

    /* ——— Pixie (violet) ——— */
    --hs1-pixie-100: #eee9ff;
    --hs1-pixie-200: #ccbaff; /* reserved — unused in shipped UI */
    --hs1-pixie-300: #ac89ff; /* reserved */
    --hs1-pixie-400: #904fff; /* reserved */
    --hs1-pixie-500: #7200e3;
    --hs1-pixie-600: #480094;

    /* ——— Cardinal (red) — reserved palette; unused in shipped UI ——— */
    --hs1-cardinal-100: #fdedee;
    --hs1-cardinal-200: #f9cacc;
    --hs1-cardinal-300: #f49298;
    --hs1-cardinal-400: #f14c5c;
    --hs1-cardinal-500: #bf273a;
    --hs1-cardinal-600: #9b2136;

    /* ——— Aluminum (neutral) ——— */
    --hs1-aluminum-100: #f1f1f1;
    --hs1-aluminum-200: #d5d5d8;
    --hs1-aluminum-300: #aeaeb3;
    --hs1-aluminum-400: #64646c;

    /* ——— Enamel (warm neutral) ——— */
    --hs1-enamel-100: #f5f1ee;
    --hs1-enamel-200: #f0eae5; /* reserved */
    --hs1-enamel-300: #e1d5cc; /* reserved */
    --hs1-enamel-400: #b4957e; /* reserved */

    /* ——— Typography ——— */
    --ddx-font: "Red Hat Text", Arial, Helvetica, sans-serif;
    --ddx-font-display: "Red Hat Display", "Red Hat Text", Arial, Helvetica, sans-serif;
    --ddx-font-body: var(--ddx-font); /* alias */
    --ddx-font-system: Arial, Helvetica, sans-serif; /* reserved */

    /* ——— Layout ——— */
    --ddx-container: 99rem;
    --ddx-gutter: 1rem;

    /* ——— Semantic ink / mute ——— */
    --ddx-ink: var(--hs1-true-black);
    --ddx-ink-soft: var(--ddx-ink); /* alias — same as ink today */
    --ddx-ink-page: var(--ddx-ink); /* alias */
    --ddx-muted: var(--hs1-aluminum-400);
    --ddx-muted-soft: var(--hs1-aluminum-300);

    /* ——— Primary / action ———
     * Marketing/v6 CTAs use --ddx-action (jordy-400).
     * Browse CTAs use --dir-action (jordy-500) — intentionally darker; do not alias.
     */
    --ddx-primary: var(--hs1-jordy-600);
    --ddx-primary-hover: var(--hs1-jordy-500);
    --ddx-primary-bright: var(--hs1-jordy-400);
    --ddx-primary-subtle: var(--hs1-jordy-100);

    --ddx-indigo: var(--hs1-jordy-600); /* reserved alias */
    --ddx-hero-teal: var(--hs1-celeste-500); /* reserved */
    --ddx-teal: var(--hs1-celeste-500); /* reserved */
    --ddx-teal-mid: var(--hs1-celeste-400); /* reserved */
    --ddx-logo-teal: var(--hs1-celeste-300); /* reserved */

    --ddx-action: var(--hs1-jordy-400);
    --ddx-action-strong: var(--hs1-jordy-500);
    --ddx-action-deep: var(--hs1-jordy-600);
    --ddx-action-hover: var(--hs1-jordy-500);
    --ddx-on-action: var(--hs1-bright-white);

    /* Footer blues in main.css are intentional locked hex (#3478ee / #2356ad),
     * not these tokens — do not swap without a design pass. */
    --ddx-footer: var(--hs1-jordy-400); /* reserved — unused by locked footer */
    --ddx-footer-shape: var(--hs1-jordy-500); /* reserved */

    --ddx-practice-tint: var(--hs1-jordy-100);
    --ddx-lab-tint: var(--hs1-enamel-100);
    --ddx-steps-tint: var(--hs1-pixie-100);
    --ddx-quote-mint: var(--hs1-celeste-200);

    --ddx-surface: var(--hs1-bright-white);
    --ddx-card: var(--hs1-bright-white);
    --ddx-page-bg: var(--ddx-surface);
    --ddx-border: rgba(24, 24, 26, 0.12);
    --ddx-border-strong: rgba(24, 24, 26, 0.2);

    --ddx-accent-lab: var(--hs1-jordy-400);
    --ddx-accent-lab-dark: var(--hs1-jordy-500);
    --ddx-accent-specialist: var(--hs1-celeste-500);

    --ddx-radius: 8px;
    --ddx-radius-md: 12px;
    --ddx-radius-lg: 24px;
    --ddx-radius-xl: 40px;
    --ddx-card-radius: var(--ddx-radius);

    --bs-primary: var(--hs1-jordy-400);
    --bs-primary-rgb: 0, 113, 227;
    --bs-link-color: var(--hs1-jordy-400);
    --bs-link-hover-color: var(--hs1-jordy-500);
    --bs-body-font-family: var(--ddx-font);
    --bs-body-color: var(--ddx-ink);
}