/**
 * CB-THEME — Vosyn design tokens, EXTRACTED from the live vosyn.ai CSS
 * (home + /careers/ inline stylesheets, fetched 2026-07-12). Every value
 * cites its source; nothing invented. Fallbacks from the approved CB-05
 * footer are flagged // FALLBACK.
 */

:root {
    /* ---- Navy scale (vosyn.ai inline CSS, hero/section backgrounds) ---- */
    --vt-canvas: #030b26;        /* most-frequent deep navy (6×, body/section bg) */
    --vt-canvas-deep: #050811;   /* darkest band */
    --vt-elevated: #161f44;      /* raised surface (6×, card/band bg) */
    --vt-surface-2: #1f294a;     /* second elevation / borders (4×) */
    --vt-band-blue: #192e7b;     /* blue band accent (4×) */
    --vt-hero-grad: linear-gradient(180deg, #060E2E 0%, #0D1944 26.87%, #291E62 90.87%); /* verbatim gradient */
    --vt-footer-grad: linear-gradient(180deg, #030b26 0%, #16255c 78%, #1e2f6e 100%); /* CB-05, start unified to canvas */

    /* ---- Accents ---- */
    --vt-magenta: #d326c5;       /* awb-color-custom-16 (logo/CTA magenta) — matches child theme */
    --vt-magenta-bright: #e800cc;/* brighter magenta variant (4×) */
    --vt-magenta-tint: #e57ddc;  /* awb-color-custom-15 — on-dark outline/text tint */
    --vt-blue: #527af9;          /* button blue (4×) — supersedes CB-05's #4a6cf7 approximation */
    --vt-green: #00d084;         /* green accent (nav active/hover) */
    --vt-link: #e57ddc;          /* ADMIN-02 link token: inline links on dark
                                    surfaces (= magenta-tint/orchid). AA on
                                    every dark surface (6.3:1 on elevated,
                                    higher on canvas); hover underlines. */

    /* ---- CB-COLOR: primary CTA = the vosyn.ai brand gradient (VERBATIM
       source: linear-gradient(90deg,#D400CC 0%,#8E3DD6 35%,#5F6FD8 60%,#67B5F5 100%)
       on the live hero CTAs). FLAG: the final #67B5F5 stop fails 3:1 under
       white bold text (2.21:1) — buttons end at the #5F6FD8 stop (lightness-
       only truncation; all rendered stops ≥3:1 large-text). Hot magenta is
       demoted to a highlight (counter digits, badges) — never large fills. */
    --vt-cta-grad: linear-gradient(90deg, #D400CC 0%, #8E3DD6 55%, #5F6FD8 100%);
    --vt-cta-solid: #5F6FD8;     /* focus rings / plain contexts, from the sampled gradient */
    --vt-orchid: #e57ddc;        /* dept-icon tone = awb-color-custom-15 (6.3:1 on elevated) */

    /* ---- Neutrals ---- */
    --vt-white: #ffffff;
    --vt-off-white: #f7f9ff;     /* near-white text/surfaces (4×) */
    --vt-muted: #9ca3af;         /* secondary text gray (4×) — 7.66:1 on canvas, 6.30:1 on elevated */
    --vt-border: rgba(156, 163, 175, 0.22); /* hairline from --vt-muted // FALLBACK derivation */

    /* ---- Typography (live site loads Inter) ---- */
    --vt-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    /* ---- Shape (border-radius census: 10px dominant, .75rem, 9999px pills) ---- */
    --vt-radius: 10px;
    --vt-radius-lg: 0.75rem;
    --vt-radius-pill: 9999px;
    --vt-shadow: 0 6px 24px rgba(3, 11, 38, 0.45); /* FALLBACK: shadow color from canvas */
}