/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --vanguard-ref-color-gray-50: #f9fafb; /** Gray 50 */
  --vanguard-ref-color-gray-100: #f2f4f7; /** Gray 100 */
  --vanguard-ref-color-gray-200: #eaecf0; /** Gray 200 */
  --vanguard-ref-color-gray-300: #d0d5dd; /** Gray 300 */
  --vanguard-ref-color-gray-400: #98a2b3; /** Gray 400 */
  --vanguard-ref-color-gray-500: #667085; /** Gray 500 */
  --vanguard-ref-color-gray-600: #475467; /** Gray 600 */
  --vanguard-ref-color-gray-700: #344054; /** Gray 700 */
  --vanguard-ref-color-gray-800: #182230; /** Gray 800 */
  --vanguard-ref-color-gray-900: #101828; /** Gray 900 */
  --vanguard-ref-color-gray-950: #0c111d; /** Gray 950 */
  --vanguard-ref-color-brand-50: #a6bee6; /** Brand new 50 */
  --vanguard-ref-color-brand-100: #a6bee6; /** Brand new 100 */
  --vanguard-ref-color-brand-200: #8cace0; /** Brand new 200 */
  --vanguard-ref-color-brand-300: #7098dc; /** Brand new 300 */
  --vanguard-ref-color-brand-400: #5485d8; /** Brand new 400 */
  --vanguard-ref-color-brand-500: #3771d5; /** Brand new main 500 */
  --vanguard-ref-color-brand-600: #2260be; /** Brand new 600 */
  --vanguard-ref-color-brand-700: #18519d; /** Brand new 700 */
  --vanguard-ref-color-brand-800: #0f407a; /** Brand new 800 */
  --vanguard-ref-color-brand-900: #082e56; /** Brand new 900 */
  --vanguard-ref-color-brand-950: #031a2f; /** Brand new 950 */
  --vanguard-ref-color-error-50: #fef3f2; /** Error 50 */
  --vanguard-ref-color-error-100: #fee4e2; /** Error 100 */
  --vanguard-ref-color-error-200: #fecdca; /** Error 200 */
  --vanguard-ref-color-error-300: #fda29b; /** Error 300 */
  --vanguard-ref-color-error-400: #f97066; /** Error 400 */
  --vanguard-ref-color-error-500: #f04438; /** Error 500 */
  --vanguard-ref-color-error-600: #d92d20; /** Error 600 */
  --vanguard-ref-color-error-700: #b42318; /** Error 700 */
  --vanguard-ref-color-error-800: #912018; /** Error 800 */
  --vanguard-ref-color-error-900: #7a271a; /** Error 900 */
  --vanguard-ref-color-error-950: #55160c; /** Error 950 */
  --vanguard-ref-color-warning-50: #fffaeb; /** Warning 50 */
  --vanguard-ref-color-warning-100: #fef0c7; /** Warning 100 */
  --vanguard-ref-color-warning-200: #fedf89; /** Warning 200 */
  --vanguard-ref-color-warning-300: #fec84b; /** Warning 300 */
  --vanguard-ref-color-warning-400: #fdb022; /** Warning 400 */
  --vanguard-ref-color-warning-500: #f79009; /** Warning 500 */
  --vanguard-ref-color-warning-600: #dc6803; /** Warning 600 */
  --vanguard-ref-color-warning-700: #b54708; /** Warning 700 */
  --vanguard-ref-color-warning-800: #93370d; /** Warning 800 */
  --vanguard-ref-color-warning-900: #7a2e0e; /** Warning 900 */
  --vanguard-ref-color-warning-950: #4e1d09; /** Warning 950 */
  --vanguard-ref-color-success-50: #ecfdf3; /** Success 50 */
  --vanguard-ref-color-success-100: #dcfae6; /** Success 100 */
  --vanguard-ref-color-success-200: #a9efc5; /** Success 200 */
  --vanguard-ref-color-success-300: #75e0a7; /** Success 300 */
  --vanguard-ref-color-success-400: #47cd89; /** Success 400 */
  --vanguard-ref-color-success-500: #17b26a; /** Success 500 */
  --vanguard-ref-color-success-600: #079455; /** Success 600 */
  --vanguard-ref-color-success-700: #067647; /** Success 700 */
  --vanguard-ref-color-success-800: #085d3a; /** Success 800 */
  --vanguard-ref-color-success-900: #074d31; /** Success 900 */
  --vanguard-ref-color-success-950: #053321; /** Success 950 */
  --vanguard-ref-color-purple-500: #7a5af8; /** Purple 500 */
  --vanguard-ref-color-destructive-500: #eb4c31; /** Destructive 500 - main destructive color */
  --vanguard-ref-color-base-white: #ffffff; /** Base/White */
  --vanguard-ref-color-base-black: #000000; /** Base/Black */
  --vanguard-ref-color-glass-surface-10: rgba(253, 253, 253, 0.1); /** 10% opacity glass surface - medium layer */
  --vanguard-ref-color-glass-surface-15: rgba(253, 253, 253, 0.15); /** 15% opacity glass surface - stronger layer */
  --vanguard-ref-color-glass-surface-20: rgba(253, 253, 253, 0.2); /** 20% opacity glass surface - strong layer */
  --vanguard-ref-color-glass-surface-30: rgba(255, 255, 255, 0.3); /** 30% opacity glass surface - icon containers */
  --vanguard-ref-color-glass-surface-05: rgba(253, 253, 253, 0.05); /** 5% opacity glass surface - lightest layer */
  --vanguard-ref-color-glass-state-disabled: rgba(254, 205, 202, 0.2); /** Disabled state glass surface - light red */
  --vanguard-ref-color-glass-state-warning: rgba(255, 193, 7, 0.2); /** Warning state glass surface - yellow */
  --vanguard-ref-color-glass-state-success: rgba(117, 224, 167, 0.2); /** Success state glass surface - green */
  --vanguard-ref-color-glass-state-info: rgba(55, 113, 213, 0.2); /** Info state glass surface - blue */
  --vanguard-ref-color-glass-overlay-white: #fdfdfd; /** Glass overlay white */
  --vanguard-ref-color-glass-solid-dark: #444444; /** Main dark container background */
  --vanguard-ref-color-glass-solid-gray: #667085; /** Solid gray for icons/badges */
  --vanguard-ref-color-glass-solid-light: #fdfdfd; /** Light surface color */
  --vanguard-ref-color-glass-solid-white: #ffffff; /** Pure white */
  --vanguard-ref-spacing-0: 0; /** 0px - No spacing */
  --vanguard-ref-spacing-1: 0.25rem; /** 4px - Extra small spacing */
  --vanguard-ref-spacing-2: 0.5rem; /** 8px - Small-medium spacing */
  --vanguard-ref-spacing-3: 0.75rem; /** 12px - Medium-large spacing */
  --vanguard-ref-spacing-4: 1rem; /** 16px - Extra large spacing */
  --vanguard-ref-spacing-5: 1.25rem; /** 20px - 2XL spacing */
  --vanguard-ref-spacing-6: 1.5rem; /** 24px - 3XL spacing */
  --vanguard-ref-spacing-7: 1.75rem; /** 28px - 4XL spacing */
  --vanguard-ref-spacing-8: 2rem; /** 32px - 5XL spacing */
  --vanguard-ref-spacing-9: 2.25rem; /** 36px - 6XL spacing */
  --vanguard-ref-spacing-10: 2.5rem; /** 40px - 7XL spacing */
  --vanguard-ref-spacing-11: 2.75rem; /** 44px - 8XL spacing */
  --vanguard-ref-spacing-12: 3rem; /** 48px - 9XL spacing */
  --vanguard-ref-spacing-14: 3.5rem; /** 56px - Large section spacing */
  --vanguard-ref-spacing-16: 4rem; /** 64px - Extra large section spacing */
  --vanguard-ref-spacing-20: 5rem; /** 80px - Major layout spacing */
  --vanguard-ref-spacing-24: 6rem; /** 96px - Hero section spacing */
  --vanguard-ref-spacing-28: 7rem; /** 112px - Extra hero spacing */
  --vanguard-ref-spacing-32: 8rem; /** 128px - Maximum layout spacing */
  --vanguard-ref-spacing-36: 9rem; /** 144px - Oversized spacing */
  --vanguard-ref-spacing-40: 10rem; /** 160px - Page divider spacing */
  --vanguard-ref-spacing-44: 11rem; /** 176px - Large page divider */
  --vanguard-ref-spacing-48: 12rem; /** 192px - Extra large divider */
  --vanguard-ref-spacing-52: 13rem; /** 208px - Massive spacing */
  --vanguard-ref-spacing-56: 14rem; /** 224px - Ultra spacing */
  --vanguard-ref-spacing-60: 15rem; /** 240px - Maximum content spacing */
  --vanguard-ref-spacing-64: 16rem; /** 256px - Container max spacing */
  --vanguard-ref-spacing-72: 18rem; /** 288px - Super large spacing */
  --vanguard-ref-spacing-80: 20rem; /** 320px - Ultra large spacing */
  --vanguard-ref-spacing-96: 24rem; /** 384px - Maximum possible spacing */
  --vanguard-ref-spacing-px: 1px; /** 1px - Hairline spacing */
  --vanguard-ref-spacing-0-5: 0.125rem; /** 2px - Minimal spacing */
  --vanguard-ref-spacing-1-5: 0.375rem; /** 6px - Small spacing */
  --vanguard-ref-spacing-2-5: 0.625rem; /** 10px - Medium spacing */
  --vanguard-ref-spacing-3-5: 0.875rem; /** 14px - Large spacing */
  --vanguard-ref-border-radius-none: 0; /** No border radius */
  --vanguard-ref-border-radius-sm: 0.125rem; /** 2px - Small border radius */
  --vanguard-ref-border-radius-md: 0.25rem; /** 4px - Medium border radius */
  --vanguard-ref-border-radius-lg: 0.375rem; /** 6px - Large border radius */
  --vanguard-ref-border-radius-xl: 0.5rem; /** 8px - Extra large border radius from Figma */
  --vanguard-ref-border-radius-2xl: 0.75rem; /** 12px - 2XL border radius */
  --vanguard-ref-border-radius-3xl: 1rem; /** 16px - 3XL border radius, wrapper radius from Figma */
  --vanguard-ref-border-radius-input: 1.25rem; /** 20px - Input border radius from Figma */
  --vanguard-ref-border-radius-4xl: 2rem; /** 32px - 4XL border radius, card radius from Figma */
  --vanguard-ref-border-radius-full: 22.5rem; /** 360px - Fully rounded radius from Figma */
  --vanguard-ref-border-width-none: 0; /** No border */
  --vanguard-ref-border-width-sm: 1px; /** 1px - Thin border */
  --vanguard-ref-border-width-md: 2px; /** 2px - Medium border */
  --vanguard-ref-border-width-lg: 3px; /** 3px - Thick border */
  --vanguard-ref-border-width-xl: 4px; /** 4px - Extra thick border */
  --vanguard-ref-shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); /** Extra small shadow */
  --vanguard-ref-shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06); /** Small shadow */
  --vanguard-ref-shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06); /** Medium shadow */
  --vanguard-ref-shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); /** Large shadow */
  --vanguard-ref-shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03); /** Extra large shadow */
  --vanguard-ref-shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18); /** 2XL shadow */
  --vanguard-ref-shadow-inner: inset 0px 2px 4px 0px rgba(16, 24, 40, 0.06); /** Inner shadow */
  --vanguard-ref-opacity-0: 0; /** Fully transparent */
  --vanguard-ref-opacity-5: 0.05; /** 5% opacity */
  --vanguard-ref-opacity-10: 0.1; /** 10% opacity */
  --vanguard-ref-opacity-20: 0.2; /** 20% opacity */
  --vanguard-ref-opacity-30: 0.3; /** 30% opacity */
  --vanguard-ref-opacity-40: 0.4; /** 40% opacity */
  --vanguard-ref-opacity-50: 0.5; /** 50% opacity - disabled states */
  --vanguard-ref-opacity-60: 0.6; /** 60% opacity */
  --vanguard-ref-opacity-70: 0.7; /** 70% opacity */
  --vanguard-ref-opacity-80: 0.8; /** 80% opacity */
  --vanguard-ref-opacity-90: 0.9; /** 90% opacity */
  --vanguard-ref-opacity-95: 0.95; /** 95% opacity */
  --vanguard-ref-opacity-100: 1; /** Fully opaque */
  --vanguard-ref-z-index-base: 0; /** Base level */
  --vanguard-ref-z-index-dropdown: 10; /** Dropdowns and tooltips */
  --vanguard-ref-z-index-sticky: 20; /** Sticky elements */
  --vanguard-ref-z-index-overlay: 30; /** Overlays and modals backdrop */
  --vanguard-ref-z-index-modal: 40; /** Modal content */
  --vanguard-ref-z-index-popover: 50; /** Popovers above modals */
  --vanguard-ref-z-index-toast: 60; /** Toast notifications */
  --vanguard-ref-z-index-tooltip: 70; /** Tooltips highest priority */
  --vanguard-ref-animation-duration-instant: 0ms; /** No animation */
  --vanguard-ref-animation-duration-fast: 100ms; /** Fast transitions */
  --vanguard-ref-animation-duration-normal: 200ms; /** Default duration */
  --vanguard-ref-animation-duration-slow: 300ms; /** Slower transitions */
  --vanguard-ref-animation-duration-very-slow: 500ms; /** Very slow for emphasis */
  --vanguard-ref-animation-easing-linear: linear; /** Linear easing */
  --vanguard-ref-animation-easing-ease-in: cubic-bezier(0.4, 0, 1, 1); /** Ease in */
  --vanguard-ref-animation-easing-ease-out: cubic-bezier(0, 0, 0.2, 1); /** Ease out */
  --vanguard-ref-animation-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); /** Ease in out */
  --vanguard-ref-animation-easing-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55); /** Bounce easing */
  --vanguard-ref-typography-font-family-default: Inter, sans-serif; /** Primary font family for the design system */
  --vanguard-ref-typography-font-family-button: Urbanist, sans-serif; /** Font family for buttons and interactive elements */
  --vanguard-ref-typography-font-weight-regular: 400; /** Regular font weight */
  --vanguard-ref-typography-font-weight-medium: 500; /** Medium font weight */
  --vanguard-ref-typography-font-weight-semibold: 600; /** Semibold font weight */
  --vanguard-ref-typography-font-weight-bold: 700; /** Bold font weight */
  --vanguard-ref-typography-font-size-text-xs: 0.75rem; /** 12px - Extra small text */
  --vanguard-ref-typography-font-size-text-sm: 0.875rem; /** 14px - Small text, body text from Figma */
  --vanguard-ref-typography-font-size-text-md: 1rem; /** 16px - Medium text */
  --vanguard-ref-typography-font-size-text-lg: 1.125rem; /** 18px - Large text, H2 from Figma */
  --vanguard-ref-typography-font-size-text-xl: 1.25rem; /** 20px - Extra large text */
  --vanguard-ref-typography-font-size-display-xs: 1.5rem; /** 24px - Extra small display */
  --vanguard-ref-typography-font-size-display-sm: 1.875rem; /** 30px - Small display, H1 from Figma */
  --vanguard-ref-typography-font-size-display-md: 2.25rem; /** 36px - Medium display */
  --vanguard-ref-typography-font-size-display-lg: 3rem; /** 48px - Large display */
  --vanguard-ref-typography-font-size-display-xl: 3.75rem; /** 60px - Extra large display */
  --vanguard-ref-typography-font-size-display-2xl: 4.5rem; /** 72px - 2XL display */
  --vanguard-ref-typography-line-height-text-xs: 1.125rem; /** 18px line height for 12px text */
  --vanguard-ref-typography-line-height-text-sm: 1.25rem; /** 20px line height for 14px text (1.429 ratio from Figma) */
  --vanguard-ref-typography-line-height-text-md: 1.5rem; /** 24px line height for 16px text */
  --vanguard-ref-typography-line-height-text-lg: 1.75rem; /** 28px line height for 18px text (1.556 ratio from Figma) */
  --vanguard-ref-typography-line-height-text-xl: 1.875rem; /** 30px line height for 20px text */
  --vanguard-ref-typography-line-height-display-xs: 2rem; /** 32px line height for 24px display */
  --vanguard-ref-typography-line-height-display-sm: 2.375rem; /** 38px line height for 30px display (1.267 ratio from Figma) */
  --vanguard-ref-typography-line-height-display-md: 2.75rem; /** 44px line height for 36px display */
  --vanguard-ref-typography-line-height-display-lg: 3.75rem; /** 60px line height for 48px display */
  --vanguard-ref-typography-line-height-display-xl: 4.5rem; /** 72px line height for 60px display */
  --vanguard-ref-typography-line-height-display-2xl: 5.625rem; /** 90px line height for 72px display */
  --vanguard-ref-typography-letter-spacing-tight: -0.02em; /** -2% letter spacing for display sizes */
  --vanguard-ref-typography-letter-spacing-normal: 0; /** Normal letter spacing */
  --vanguard-sys-surface-overlay: rgba(16, 24, 40, 0.6); /** Overlay surface for modals and backdrops */
  --vanguard-comp-button-primary-text-color: #101010; /** Primary button text color from Figma */
  --vanguard-comp-button-primary-text-color-hover: #101010; /** Primary button text color on hover from Figma */
  --vanguard-comp-button-primary-background-gradient-start: #d2d2db; /** Primary button background gradient start from Figma */
  --vanguard-comp-button-primary-background-gradient-end: #9f9fb2; /** Primary button background gradient end from Figma */
  --vanguard-comp-button-primary-icon-color: #303030; /** Primary button icon color from Figma */
  --vanguard-comp-button-primary-spacing-padding-y: 1.0625rem; /** 17px vertical padding from Figma */
  --vanguard-comp-button-primary-spacing-padding-x: 1.75rem; /** 28px horizontal padding from Figma */
  --vanguard-comp-button-secondary-text-color: #fafafa; /** Secondary button text color from Figma */
  --vanguard-comp-button-secondary-text-color-hover: #fafafa; /** Secondary button text color on hover from Figma */
  --vanguard-comp-button-secondary-background-gradient-start: #282828; /** Secondary button background gradient start from Figma */
  --vanguard-comp-button-secondary-background-gradient-end: #212121; /** Secondary button background gradient end from Figma */
  --vanguard-comp-button-secondary-icon-color: #d2d2db; /** Secondary button icon color from Figma */
  --vanguard-comp-button-tertiary-text-color: #fafafa; /** Tertiary button text color from Figma */
  --vanguard-comp-button-tertiary-text-color-hover: #fafafa; /** Tertiary button text color on hover from Figma */
  --vanguard-comp-button-tertiary-border-color: #373737; /** Tertiary button border color from Figma */
  --vanguard-comp-button-tertiary-icon-color: #9f9fb2; /** Tertiary button icon color from Figma */
  --vanguard-comp-button-quaternary-text-color: #fafafa; /** Quaternary button text color from Figma */
  --vanguard-comp-button-quaternary-text-color-hover: #fafafa; /** Quaternary button text color on hover from Figma */
  --vanguard-comp-button-quaternary-icon-color: #9f9fb2; /** Quaternary button icon color from Figma */
  --vanguard-comp-button-branded-text-color: #fafafa; /** Branded button text color from Figma */
  --vanguard-comp-button-branded-text-color-hover: #fafafa; /** Branded button text color on hover from Figma */
  --vanguard-comp-button-branded-background-gradient-start: #1e46d6; /** Branded button background gradient start from Figma */
  --vanguard-comp-button-branded-background-gradient-end: #172f81; /** Branded button background gradient end from Figma */
  --vanguard-comp-button-branded-icon-color: #e3e3e8; /** Branded button icon color from Figma */
  --vanguard-comp-button-destructive-text-color: #fafafa; /** Destructive button text color from Figma */
  --vanguard-comp-button-destructive-text-color-hover: #fafafa; /** Destructive button text color on hover from Figma */
  --vanguard-comp-button-destructive-background-gradient-start: #eb4c31; /** Destructive button background gradient start from Figma */
  --vanguard-comp-button-destructive-background-gradient-end: #e42309; /** Destructive button background gradient end from Figma */
  --vanguard-comp-button-destructive-icon-color: #e3e3e8; /** Destructive button icon color from Figma */
  --vanguard-comp-card-glass-border-color: rgba(255, 255, 255, 0.2); /** Glass card border with transparency */
  --vanguard-comp-card-glass-backdrop-filter: blur(10px); /** Glass card backdrop blur effect */
  --vanguard-comp-card-interactive-hover-transform: translateY(-2px); /** Card transform on hover */
  --vanguard-comp-card-interactive-active-transform: translateY(0px); /** Card transform when active */
  --vanguard-comp-card-coverage-icon-background: rgba(255, 255, 255, 0.3); /** Coverage card icon background - exact Figma rgba(255,255,255,0.3) */
  --vanguard-comp-card-coverage-icon-color: #3771d5; /** Coverage card icon color - exact Figma brand blue */
  --vanguard-comp-card-coverage-icon-color-disabled: #ffffff; /** Coverage card icon color when disabled - white fill */
  --vanguard-comp-card-coverage-icon-size-sm: 48px; /** Small card icon container size - 48px for coverage cards */
  --vanguard-comp-card-coverage-icon-size-md: 48px; /** Medium card icon container size - 48px for coverage cards */
  --vanguard-comp-card-coverage-icon-size-lg: 64px; /** Large card icon container size - 64px for step review cards */
  --vanguard-comp-card-coverage-icon-padding-horizontal: 14px; /** Card icon horizontal padding - px-3.5 from Figma */
  --vanguard-comp-card-coverage-icon-padding-vertical: 15px; /** Card icon vertical padding - py-[15px] from Figma */
  --vanguard-comp-card-coverage-icon-gap: 10px; /** Card icon internal gap - gap-2.5 from Figma */
  --vanguard-comp-dashboard-layout-container-max-width: 1200px; /** Dashboard container max width */
  --vanguard-comp-dashboard-layout-grid-columns: repeat(auto-fit, minmax(300px, 1fr)); /** Dashboard grid columns */
  --vanguard-comp-dashboard-activity-icon-size: 20px; /** Activity icon size */
  --vanguard-comp-form-checkbox-background-default: rgba(0, 0, 0, 0); /** Default checkbox background - transparent */
  --vanguard-comp-form-checkbox-border-color-default: #e2e2e2; /** Default checkbox border color - light gray from Figma */
  --vanguard-comp-form-checkbox-border-color-disabled: #e2e2e2; /** Disabled checkbox border color - same as default */
  --vanguard-comp-form-checkbox-border-radius: 6px; /** Checkbox border radius - 6px from Figma specification */
  --vanguard-comp-form-dropdown-option-background-default: rgba(0, 0, 0, 0); /** Default option background */
  --vanguard-comp-input-placeholder: #fafafa; /** Input placeholder text color - #fafafa (primary) matching focus visibility */
  --vanguard-comp-input-filled: #fafafa; /** Input filled text color - #fafafa (primary) from Figma */
  --vanguard-comp-input-focus: #fafafa; /** Input focus text color - #fafafa (primary) from Figma */
  --vanguard-comp-input-disabled: rgba(255, 255, 255, 0.3); /** Input disabled text color - white with 30% opacity from Figma */
  --vanguard-comp-input-helper: #888888; /** Input helper text color - #888888 matches Figma helper text */
  --vanguard-comp-navigation-top-nav-height: 64px; /** Top navigation height */
  --vanguard-comp-navigation-nav-item-background-default: rgba(0, 0, 0, 0); /** Default nav item background */
  --vanguard-comp-navigation-breadcrumb-separator-symbol: /; /** Breadcrumb separator symbol */
  --vanguard-comp-navigation-sidebar-width: 256px; /** Sidebar width */
  --vanguard-comp-navigation-sidebar-width-collapsed: 64px; /** Collapsed sidebar width */
  --vanguard-sys-border-default: var(--vanguard-ref-color-gray-300); /** Default border color */
  --vanguard-sys-border-secondary: var(--vanguard-ref-color-gray-300); /** Secondary border color */
  --vanguard-sys-border-hover: var(--vanguard-ref-color-gray-400); /** Border color on hover */
  --vanguard-sys-border-focus: var(--vanguard-ref-color-brand-500); /** Border color on focus */
  --vanguard-sys-border-disabled: var(--vanguard-ref-color-gray-200); /** Disabled border color */
  --vanguard-sys-border-brand-primary: var(--vanguard-ref-color-brand-500); /** Primary brand border color */
  --vanguard-sys-border-brand-subtle: var(--vanguard-ref-color-brand-200); /** Subtle brand border color */
  --vanguard-sys-border-feedback-error: var(--vanguard-ref-color-error-300); /** Error border color */
  --vanguard-sys-border-feedback-warning: var(--vanguard-ref-color-warning-500); /** Warning border color */
  --vanguard-sys-border-feedback-success: var(--vanguard-ref-color-success-500); /** Success border color */
  --vanguard-sys-border-feedback-info: var(--vanguard-ref-color-brand-500); /** Info border color */
  --vanguard-sys-spacing-xxs: var(--vanguard-ref-spacing-0-5); /** 2px - Minimal spacing */
  --vanguard-sys-spacing-xs: var(--vanguard-ref-spacing-1); /** 4px - Extra small spacing */
  --vanguard-sys-spacing-sm: var(--vanguard-ref-spacing-1-5); /** 6px - Small spacing */
  --vanguard-sys-spacing-md: var(--vanguard-ref-spacing-2); /** 8px - Medium spacing */
  --vanguard-sys-spacing-lg: var(--vanguard-ref-spacing-3); /** 12px - Large spacing */
  --vanguard-sys-spacing-xl: var(--vanguard-ref-spacing-4); /** 16px - Extra large spacing */
  --vanguard-sys-spacing-2xl: var(--vanguard-ref-spacing-5); /** 20px - 2XL spacing */
  --vanguard-sys-spacing-3xl: var(--vanguard-ref-spacing-6); /** 24px - 3XL spacing */
  --vanguard-sys-spacing-4xl: var(--vanguard-ref-spacing-8); /** 32px - Large section spacing, wizard step margins */
  --vanguard-sys-spacing-5xl: var(--vanguard-ref-spacing-10); /** 40px - Major layout spacing, page sections */
  --vanguard-sys-spacing-6xl: var(--vanguard-ref-spacing-12); /** 48px - Extra large layout spacing, modal containers */
  --vanguard-sys-spacing-7xl: var(--vanguard-ref-spacing-16); /** 64px - Hero sections, major page dividers */
  --vanguard-sys-spacing-8xl: var(--vanguard-ref-spacing-20); /** 80px - Maximum layout spacing, landing page sections */
  --vanguard-sys-radius-sm: var(--vanguard-ref-border-radius-sm); /** 2px - Small border radius */
  --vanguard-sys-radius-md: var(--vanguard-ref-border-radius-md); /** 4px - Medium border radius */
  --vanguard-sys-radius-lg: var(--vanguard-ref-border-radius-xl); /** 8px - General border radius from Figma */
  --vanguard-sys-radius-xl: var(--vanguard-ref-border-radius-2xl); /** 12px - Extra large border radius */
  --vanguard-sys-radius-card: var(--vanguard-ref-border-radius-4xl); /** 32px - Card radius from Figma */
  --vanguard-sys-radius-wrapper: var(--vanguard-ref-border-radius-3xl); /** 16px - Wrapper radius from Figma */
  --vanguard-sys-radius-input: var(--vanguard-ref-border-radius-input); /** 20px - Input border radius from Figma */
  --vanguard-sys-radius-button: var(--vanguard-ref-border-radius-full); /** 360px - Button fully rounded radius from Figma */
  --vanguard-sys-radius-full: var(--vanguard-ref-border-radius-full); /** Fully rounded */
  --vanguard-sys-shadow-xs: var(--vanguard-ref-shadow-xs); /** Extra small shadow */
  --vanguard-sys-shadow-sm: var(--vanguard-ref-shadow-sm); /** Small shadow */
  --vanguard-sys-shadow-md: var(--vanguard-ref-shadow-md); /** Medium shadow */
  --vanguard-sys-shadow-lg: var(--vanguard-ref-shadow-lg); /** Large shadow */
  --vanguard-sys-shadow-xl: var(--vanguard-ref-shadow-xl); /** Extra large shadow */
  --vanguard-sys-shadow-2xl: var(--vanguard-ref-shadow-2xl); /** 2XL shadow */
  --vanguard-sys-shadow-inner: var(--vanguard-ref-shadow-inner); /** Inner shadow */
  --vanguard-sys-opacity-disabled: var(--vanguard-ref-opacity-50); /** Disabled state opacity */
  --vanguard-sys-opacity-hover: var(--vanguard-ref-opacity-80); /** Hover state opacity */
  --vanguard-sys-opacity-overlay: var(--vanguard-ref-opacity-30); /** Overlay opacity */
  --vanguard-sys-z-index-dropdown: var(--vanguard-ref-z-index-dropdown); /** Dropdown z-index */
  --vanguard-sys-z-index-modal: var(--vanguard-ref-z-index-modal); /** Modal z-index */
  --vanguard-sys-z-index-tooltip: var(--vanguard-ref-z-index-tooltip); /** Tooltip z-index */
  --vanguard-sys-z-index-toast: var(--vanguard-ref-z-index-toast); /** Toast notification z-index */
  --vanguard-sys-animation-default: var(--vanguard-ref-animation-duration-normal); /** Default animation duration */
  --vanguard-sys-animation-fast: var(--vanguard-ref-animation-duration-fast); /** Fast animation duration */
  --vanguard-sys-animation-slow: var(--vanguard-ref-animation-duration-slow); /** Slow animation duration */
  --vanguard-sys-animation-easing: var(--vanguard-ref-animation-easing-ease-in-out); /** Default animation easing */
  --vanguard-sys-feedback-error-50: var(--vanguard-ref-color-error-50); /** Error surface light */
  --vanguard-sys-feedback-error-100: var(--vanguard-ref-color-error-100); /** Error surface */
  --vanguard-sys-feedback-error-500: var(--vanguard-ref-color-error-500); /** Error primary */
  --vanguard-sys-feedback-error-600: var(--vanguard-ref-color-error-600); /** Error emphasis */
  --vanguard-sys-feedback-error-700: var(--vanguard-ref-color-error-700); /** Error strong */
  --vanguard-sys-feedback-warning-50: var(--vanguard-ref-color-warning-50); /** Warning surface light */
  --vanguard-sys-feedback-warning-100: var(--vanguard-ref-color-warning-100); /** Warning surface */
  --vanguard-sys-feedback-warning-500: var(--vanguard-ref-color-warning-500); /** Warning primary */
  --vanguard-sys-feedback-warning-600: var(--vanguard-ref-color-warning-600); /** Warning emphasis */
  --vanguard-sys-feedback-warning-700: var(--vanguard-ref-color-warning-700); /** Warning strong */
  --vanguard-sys-feedback-success-50: var(--vanguard-ref-color-success-50); /** Success surface light */
  --vanguard-sys-feedback-success-100: var(--vanguard-ref-color-success-100); /** Success surface */
  --vanguard-sys-feedback-success-500: var(--vanguard-ref-color-success-500); /** Success primary */
  --vanguard-sys-feedback-success-600: var(--vanguard-ref-color-success-600); /** Success emphasis */
  --vanguard-sys-feedback-success-700: var(--vanguard-ref-color-success-700); /** Success strong */
  --vanguard-sys-brand-primary: var(--vanguard-ref-color-brand-500); /** Primary brand color */
  --vanguard-sys-brand-secondary: var(--vanguard-ref-color-brand-600); /** Secondary brand color */
  --vanguard-sys-brand-surface-light: var(--vanguard-ref-color-brand-50); /** Light brand surface */
  --vanguard-sys-brand-surface-default: var(--vanguard-ref-color-brand-100); /** Default brand surface */
  --vanguard-sys-brand-text-on-brand: var(--vanguard-ref-color-base-white); /** Text color on brand backgrounds */
  --vanguard-sys-icon-base-default: var(--vanguard-ref-color-gray-500); /** Standard icon color for general use */
  --vanguard-sys-icon-base-emphasis: var(--vanguard-ref-color-gray-700); /** Emphasized icons requiring more attention */
  --vanguard-sys-icon-base-inverse: var(--vanguard-ref-color-base-white); /** Icons on dark backgrounds */
  --vanguard-sys-icon-base-muted: var(--vanguard-ref-color-gray-400); /** Subdued icons with minimal prominence */
  --vanguard-sys-icon-status-success: var(--vanguard-ref-color-success-500); /** Success state icons across all components */
  --vanguard-sys-icon-status-warning: var(--vanguard-ref-color-warning-500); /** Warning state icons across all components */
  --vanguard-sys-icon-status-error: var(--vanguard-ref-color-error-500); /** Error state icons across all components */
  --vanguard-sys-icon-status-info: var(--vanguard-ref-color-brand-500); /** Informational state icons */
  --vanguard-sys-icon-status-processing: var(--vanguard-ref-color-brand-500); /** Processing/loading state icons */
  --vanguard-sys-icon-navigation-default: var(--vanguard-ref-color-gray-600); /** Default navigation icons */
  --vanguard-sys-icon-navigation-active: var(--vanguard-ref-color-brand-500); /** Active navigation icons */
  --vanguard-sys-icon-navigation-hover: var(--vanguard-ref-color-gray-700); /** Navigation icons on hover */
  --vanguard-sys-icon-form-helper: var(--vanguard-ref-color-gray-400); /** Form helper icons (help, show/hide, etc.) */
  --vanguard-sys-icon-form-validation-success: var(--vanguard-ref-color-success-500); /** Form validation success icons */
  --vanguard-sys-icon-form-validation-error: var(--vanguard-ref-color-error-500); /** Form validation error icons */
  --vanguard-sys-icon-form-validation-warning: var(--vanguard-ref-color-warning-500); /** Form validation warning icons */
  --vanguard-sys-icon-activity-positive: var(--vanguard-ref-color-success-500); /** Positive activity icons (completed actions, success events) */
  --vanguard-sys-icon-activity-neutral: var(--vanguard-ref-color-brand-500); /** Neutral activity icons (standard events, in-progress) */
  --vanguard-sys-icon-activity-negative: var(--vanguard-ref-color-error-500); /** Negative activity icons (failed actions, errors) */
  --vanguard-sys-icon-card-status: var(--vanguard-ref-color-success-500); /** Card status icons (BrokerOfferCard, StatusCard, etc.) */
  --vanguard-sys-icon-card-action: var(--vanguard-ref-color-gray-600); /** Card action icons (menu, expand, etc.) */
  --vanguard-sys-icon-card-highlight: var(--vanguard-ref-color-brand-500); /** Card highlight icons for emphasis */
  --vanguard-sys-icon-button-primary: var(--vanguard-ref-color-base-white); /** Icons on primary buttons */
  --vanguard-sys-icon-button-secondary: var(--vanguard-ref-color-gray-600); /** Icons on secondary buttons */
  --vanguard-sys-icon-button-brand: var(--vanguard-ref-color-base-white); /** Icons on brand buttons */
  --vanguard-sys-icon-button-ghost: var(--vanguard-ref-color-gray-600); /** Icons on ghost/text-only buttons */
  --vanguard-sys-icon-interactive-default: var(--vanguard-ref-color-gray-500); /** Default interactive icons (clickable, hoverable) */
  --vanguard-sys-icon-interactive-hover: var(--vanguard-ref-color-brand-500); /** Interactive icons on hover */
  --vanguard-sys-icon-interactive-active: var(--vanguard-ref-color-brand-600); /** Interactive icons when active/pressed */
  --vanguard-sys-icon-interactive-disabled: var(--vanguard-ref-color-gray-300); /** Disabled interactive icons */
  --vanguard-sys-icon-data-default: var(--vanguard-ref-color-gray-500); /** Default data icons */
  --vanguard-sys-icon-data-sort: var(--vanguard-ref-color-gray-400); /** Sort indicators in tables */
  --vanguard-sys-icon-data-filter: var(--vanguard-ref-color-gray-500); /** Filter indicators */
  --vanguard-sys-surface-primary: var(--vanguard-ref-color-base-white); /** Primary surface color - main backgrounds */
  --vanguard-sys-surface-secondary: var(--vanguard-ref-color-glass-surface-10); /** Secondary surface - subtle glass morphism */
  --vanguard-sys-surface-tertiary: var(--vanguard-ref-color-glass-surface-05); /** Tertiary surface - minimal glass morphism */
  --vanguard-sys-surface-glass-layer-5: var(--vanguard-ref-color-glass-surface-05); /** 5% opacity glass layer - lightest */
  --vanguard-sys-surface-glass-layer-10: var(--vanguard-ref-color-glass-surface-10); /** 10% opacity glass layer - medium */
  --vanguard-sys-surface-glass-layer-15: var(--vanguard-ref-color-glass-surface-15); /** 15% opacity glass layer - stronger */
  --vanguard-sys-surface-glass-layer-20: var(--vanguard-ref-color-glass-surface-20); /** 20% opacity glass layer - strong */
  --vanguard-sys-surface-glass-layer-30: var(--vanguard-ref-color-glass-surface-30); /** 30% opacity glass layer - icon containers */
  --vanguard-sys-surface-glass-state-disabled: var(--vanguard-ref-color-glass-state-disabled); /** Disabled state glass surface */
  --vanguard-sys-surface-glass-state-warning: var(--vanguard-ref-color-glass-state-warning); /** Warning state glass surface */
  --vanguard-sys-surface-glass-state-success: var(--vanguard-ref-color-glass-state-success); /** Success state glass surface */
  --vanguard-sys-surface-glass-state-info: var(--vanguard-ref-color-glass-state-info); /** Info state glass surface */
  --vanguard-sys-surface-glass-solid-dark: var(--vanguard-ref-color-glass-solid-dark); /** Main dark container background */
  --vanguard-sys-surface-glass-solid-gray: var(--vanguard-ref-color-glass-solid-gray); /** Solid gray for icons/badges */
  --vanguard-sys-surface-glass-solid-light: var(--vanguard-ref-color-glass-solid-light); /** Light surface color */
  --vanguard-sys-surface-glass-solid-white: var(--vanguard-ref-color-glass-solid-white); /** Pure white */
  --vanguard-sys-surface-glass-primary: var(--vanguard-ref-color-glass-surface-05); /** Primary glass surface for buttons and subtle elements */
  --vanguard-sys-surface-glass-secondary: var(--vanguard-ref-color-glass-surface-10); /** Enhanced glass surface for hover states and emphasis */
  --vanguard-sys-background-primary: var(--vanguard-ref-color-base-white); /** Primary background color */
  --vanguard-sys-background-secondary: var(--vanguard-ref-color-gray-50); /** Secondary background color */
  --vanguard-sys-background-disabled: var(--vanguard-ref-color-gray-100); /** Disabled element background */
  --vanguard-sys-background-brand-primary: var(--vanguard-ref-color-brand-500); /** Primary brand background */
  --vanguard-sys-background-brand-primary-hover: var(--vanguard-ref-color-brand-600); /** Primary brand background hover state */
  --vanguard-sys-background-brand-subtle: var(--vanguard-ref-color-brand-50); /** Subtle brand background */
  --vanguard-sys-background-feedback-error: var(--vanguard-ref-color-error-50); /** Error state background */
  --vanguard-sys-background-feedback-warning: var(--vanguard-ref-color-warning-50); /** Warning state background */
  --vanguard-sys-background-feedback-success: var(--vanguard-ref-color-success-50); /** Success state background */
  --vanguard-sys-background-feedback-info: var(--vanguard-ref-color-brand-50); /** Info state background */
  --vanguard-sys-background-wizard-step-uncompleted: var(--vanguard-ref-color-gray-500); /** Wizard step uncompleted background */
  --vanguard-sys-action-primary: var(--vanguard-ref-color-brand-500); /** Primary action color */
  --vanguard-sys-action-primary-hover: var(--vanguard-ref-color-brand-600); /** Primary action hover state */
  --vanguard-sys-action-primary-active: var(--vanguard-ref-color-brand-700); /** Primary action active state */
  --vanguard-sys-action-secondary: var(--vanguard-ref-color-brand-400); /** Secondary action color */
  --vanguard-sys-action-secondary-hover: var(--vanguard-ref-color-brand-500); /** Secondary action hover state */
  --vanguard-sys-action-secondary-active: var(--vanguard-ref-color-brand-600); /** Secondary action active state */
  --vanguard-sys-text-primary: var(--vanguard-ref-color-gray-900); /** Primary text color for main content */
  --vanguard-sys-text-secondary: var(--vanguard-ref-color-gray-700); /** Secondary text color for supporting content */
  --vanguard-sys-text-tertiary: var(--vanguard-ref-color-gray-600); /** Tertiary text color for minimal emphasis */
  --vanguard-sys-text-disabled: var(--vanguard-ref-color-gray-400); /** Disabled text color */
  --vanguard-sys-text-disabled-subtle: var(--vanguard-ref-color-gray-300); /** Subtle disabled text color */
  --vanguard-sys-text-inverse: var(--vanguard-ref-color-base-white); /** Inverse text color for dark backgrounds */
  --vanguard-sys-text-broadcast-body: var(--vanguard-ref-color-warning-100); /** The message itself — the audit content an operator reads to judge a candidate. Must clear WCAG AA on the console's dark broadcast panels. */
  --vanguard-sys-text-broadcast-meta: var(--vanguard-ref-color-warning-200); /** Supporting identifiers alongside a broadcast (message id, coordinator, reference). Deliberately one step down from the body so it recedes — but still AA, never decorative. */
  --vanguard-sys-text-console-secondary: var(--vanguard-ref-color-gray-100); /** Supporting text that is still read — pulse-band cell captions, card titles, field labels. The default choice for anything on the console that is not the value itself. */
  --vanguard-sys-text-console-subtle: var(--vanguard-ref-color-gray-300); /** Metadata that recedes — affordance hints, timestamps, provenance notes. One step down from console.secondary so the hierarchy still reads, but never below AA: an operator quotes these strings when they escalate a case. */
  --vanguard-sys-text-brand-primary: var(--vanguard-ref-color-brand-500); /** Primary brand text color */
  --vanguard-sys-text-brand-primary-hover: var(--vanguard-ref-color-brand-600); /** Primary brand text hover state */
  --vanguard-sys-text-brand-on-brand: var(--vanguard-ref-color-base-white); /** Text color on brand backgrounds */
  --vanguard-sys-text-feedback-error: var(--vanguard-ref-color-error-300); /** Error text color */
  --vanguard-sys-text-feedback-warning: var(--vanguard-ref-color-warning-500); /** Warning text color */
  --vanguard-sys-text-feedback-success: var(--vanguard-ref-color-success-500); /** Success text color */
  --vanguard-sys-text-feedback-info: var(--vanguard-ref-color-brand-500); /** Info text color */
  --vanguard-sys-typography-heading-2xl-font-size: var(--vanguard-ref-typography-font-size-display-2xl);
  --vanguard-sys-typography-heading-2xl-line-height: var(--vanguard-ref-typography-line-height-display-2xl);
  --vanguard-sys-typography-heading-2xl-font-weight: var(--vanguard-ref-typography-font-weight-bold);
  --vanguard-sys-typography-heading-2xl-letter-spacing: var(--vanguard-ref-typography-letter-spacing-tight);
  --vanguard-sys-typography-heading-2xl-font-family: var(--vanguard-ref-typography-font-family-default);
  --vanguard-sys-typography-heading-xl-font-size: var(--vanguard-ref-typography-font-size-display-xl);
  --vanguard-sys-typography-heading-xl-line-height: var(--vanguard-ref-typography-line-height-display-xl);
  --vanguard-sys-typography-heading-xl-font-weight: var(--vanguard-ref-typography-font-weight-bold);
  --vanguard-sys-typography-heading-xl-letter-spacing: var(--vanguard-ref-typography-letter-spacing-tight);
  --vanguard-sys-typography-heading-xl-font-family: var(--vanguard-ref-typography-font-family-default);
  --vanguard-sys-typography-heading-lg-font-size: var(--vanguard-ref-typography-font-size-display-lg);
  --vanguard-sys-typography-heading-lg-line-height: var(--vanguard-ref-typography-line-height-display-lg);
  --vanguard-sys-typography-heading-lg-font-weight: var(--vanguard-ref-typography-font-weight-semibold);
  --vanguard-sys-typography-heading-lg-letter-spacing: var(--vanguard-ref-typography-letter-spacing-tight);
  --vanguard-sys-typography-heading-lg-font-family: var(--vanguard-ref-typography-font-family-default);
  --vanguard-sys-typography-heading-md-font-size: var(--vanguard-ref-typography-font-size-display-md);
  --vanguard-sys-typography-heading-md-line-height: var(--vanguard-ref-typography-line-height-display-md);
  --vanguard-sys-typography-heading-md-font-weight: var(--vanguard-ref-typography-font-weight-semibold);
  --vanguard-sys-typography-heading-md-letter-spacing: var(--vanguard-ref-typography-letter-spacing-tight);
  --vanguard-sys-typography-heading-md-font-family: var(--vanguard-ref-typography-font-family-default);
  --vanguard-sys-typography-heading-sm-font-size: var(--vanguard-ref-typography-font-size-display-sm);
  --vanguard-sys-typography-heading-sm-line-height: var(--vanguard-ref-typography-line-height-display-sm);
  --vanguard-sys-typography-heading-sm-font-weight: var(--vanguard-ref-typography-font-weight-semibold);
  --vanguard-sys-typography-heading-sm-font-family: var(--vanguard-ref-typography-font-family-default);
  --vanguard-sys-typography-heading-xs-font-size: var(--vanguard-ref-typography-font-size-display-xs);
  --vanguard-sys-typography-heading-xs-line-height: var(--vanguard-ref-typography-line-height-display-xs);
  --vanguard-sys-typography-heading-xs-font-weight: var(--vanguard-ref-typography-font-weight-semibold);
  --vanguard-sys-typography-heading-xs-font-family: var(--vanguard-ref-typography-font-family-default);
  --vanguard-sys-typography-body-xl-font-size: var(--vanguard-ref-typography-font-size-text-xl);
  --vanguard-sys-typography-body-xl-line-height: var(--vanguard-ref-typography-line-height-text-xl);
  --vanguard-sys-typography-body-xl-font-weight: var(--vanguard-ref-typography-font-weight-regular);
  --vanguard-sys-typography-body-xl-font-family: var(--vanguard-ref-typography-font-family-default);
  --vanguard-sys-typography-body-lg-font-size: var(--vanguard-ref-typography-font-size-text-lg);
  --vanguard-sys-typography-body-lg-line-height: var(--vanguard-ref-typography-line-height-text-lg);
  --vanguard-sys-typography-body-lg-font-weight: var(--vanguard-ref-typography-font-weight-regular);
  --vanguard-sys-typography-body-lg-font-family: var(--vanguard-ref-typography-font-family-default);
  --vanguard-sys-typography-body-md-font-size: var(--vanguard-ref-typography-font-size-text-md);
  --vanguard-sys-typography-body-md-line-height: var(--vanguard-ref-typography-line-height-text-md);
  --vanguard-sys-typography-body-md-font-weight: var(--vanguard-ref-typography-font-weight-regular);
  --vanguard-sys-typography-body-md-font-family: var(--vanguard-ref-typography-font-family-default);
  --vanguard-sys-typography-body-sm-font-size: var(--vanguard-ref-typography-font-size-text-sm);
  --vanguard-sys-typography-body-sm-line-height: var(--vanguard-ref-typography-line-height-text-sm);
  --vanguard-sys-typography-body-sm-font-weight: var(--vanguard-ref-typography-font-weight-regular);
  --vanguard-sys-typography-body-sm-font-family: var(--vanguard-ref-typography-font-family-default);
  --vanguard-sys-typography-body-xs-font-size: var(--vanguard-ref-typography-font-size-text-xs);
  --vanguard-sys-typography-body-xs-line-height: var(--vanguard-ref-typography-line-height-text-xs);
  --vanguard-sys-typography-body-xs-font-weight: var(--vanguard-ref-typography-font-weight-regular);
  --vanguard-sys-typography-body-xs-font-family: var(--vanguard-ref-typography-font-family-default);
  --vanguard-comp-button-primary-text-font-weight: var(--vanguard-ref-typography-font-weight-semibold); /** Primary button text weight from Figma */
  --vanguard-comp-button-secondary-text-font-weight: var(--vanguard-ref-typography-font-weight-semibold); /** Secondary button text weight */
  --vanguard-comp-card-base-border-width: var(--vanguard-ref-border-width-sm); /** Base card border width */
  --vanguard-comp-card-broker-highlight-background: var(--vanguard-ref-color-success-200); /** Broker card highlight background */
  --vanguard-comp-card-broker-highlight-text: var(--vanguard-ref-color-success-800); /** Broker card highlight text */
  --vanguard-comp-card-broker-highlight-border: var(--vanguard-ref-color-success-200); /** Broker card highlight border */
  --vanguard-comp-card-broker-status-text: var(--vanguard-ref-color-success-700); /** Broker card status secondary text */
  --vanguard-comp-dashboard-activity-text-title-font-weight: var(--vanguard-ref-typography-font-weight-medium); /** Activity title font weight */
  --vanguard-comp-dashboard-table-header-text-font-weight: var(--vanguard-ref-typography-font-weight-semibold); /** Table header font weight */
  --vanguard-comp-form-label-text-font-weight: var(--vanguard-ref-typography-font-weight-medium); /** Label text font weight */
  --vanguard-comp-input-error-text: var(--vanguard-ref-color-error-300); /** Input error state text color - #fda29b from Figma */
  --vanguard-comp-input-error-border: var(--vanguard-ref-color-error-300); /** Input error state border color - #fda29b from Figma */
  --vanguard-comp-input-error-icon: var(--vanguard-ref-color-destructive-500); /** Input error state helper icon color - #EB4C31 from Figma */
  --vanguard-comp-input-success-text: var(--vanguard-ref-color-success-300); /** Input success state text color - #75e0a7 from Figma */
  --vanguard-comp-input-success-border: var(--vanguard-ref-color-success-300); /** Input success state border color - #75e0a7 from Figma */
  --vanguard-comp-input-success-bg: var(--vanguard-ref-color-gray-900); /** Input success state background - #101828 from Figma */
  --vanguard-comp-input-success-icon: var(--vanguard-ref-color-success-500); /** Input success state helper icon color - #17B26A from Figma */
  --vanguard-comp-input-caret: var(--vanguard-ref-color-gray-200); /** Input cursor/caret color in focus state - #eaecf0 from Figma */
  --vanguard-comp-input-label: var(--vanguard-ref-color-gray-50); /** Input label text color - #f9fafb from Figma */
  --vanguard-comp-wizard-step-completed-text: var(--vanguard-ref-color-success-300); /** Completed step text color - #75e0a7 from Figma */
  --vanguard-comp-wizard-step-completed-border: var(--vanguard-ref-color-success-300); /** Completed step border color - #75e0a7 from Figma */
  --vanguard-comp-wizard-step-completed-background: var(--vanguard-ref-color-success-300); /** Completed step circle background - #75e0a7 from Figma */
  --vanguard-comp-wizard-step-completed-icon: var(--vanguard-ref-color-success-700); /** Completed step icon stroke color - #067647 from Figma */
  --vanguard-comp-wizard-step-default-background: var(--vanguard-ref-color-gray-500); /** Default step circle background - #667085 from Figma */
  --vanguard-comp-wizard-step-blue-background: var(--vanguard-ref-color-brand-500); /** Blue step circle background - #3771d5 from Figma */
  --vanguard-comp-wizard-step-disabled-text: var(--vanguard-ref-color-gray-400); /** Disabled step text color - #98a2b3 from Figma (matches text-secondary) */
  --vanguard-comp-button-primary-text-font-size: var(--vanguard-sys-typography-body-sm-font-size); /** Primary button text size */
  --vanguard-comp-button-primary-text-line-height: var(--vanguard-sys-typography-body-sm-line-height); /** Primary button text line height */
  --vanguard-comp-button-primary-border-radius: var(--vanguard-sys-radius-button); /** Primary button border radius */
  --vanguard-comp-button-secondary-text-font-size: var(--vanguard-sys-typography-body-sm-font-size); /** Secondary button text size */
  --vanguard-comp-button-secondary-text-line-height: var(--vanguard-sys-typography-body-sm-line-height); /** Secondary button text line height */
  --vanguard-comp-button-secondary-color-text-color: var(--vanguard-sys-text-brand-primary); /** Secondary color button text color */
  --vanguard-comp-button-secondary-color-text-color-hover: var(--vanguard-sys-text-brand-primary-hover); /** Secondary color button text color on hover */
  --vanguard-comp-button-secondary-color-background-color: var(--vanguard-sys-background-primary); /** Secondary color button background */
  --vanguard-comp-button-secondary-color-background-color-hover: var(--vanguard-sys-background-brand-subtle); /** Secondary color button background on hover */
  --vanguard-comp-button-secondary-color-border-color: var(--vanguard-sys-border-brand-subtle); /** Secondary color button border */
  --vanguard-comp-button-secondary-color-border-color-hover: var(--vanguard-sys-border-brand-subtle); /** Secondary color button border on hover */
  --vanguard-comp-button-disabled-text-color: var(--vanguard-sys-text-disabled); /** Disabled button text color */
  --vanguard-comp-button-disabled-text-color-subtle: var(--vanguard-sys-text-disabled-subtle); /** Subtle disabled button text color */
  --vanguard-comp-button-disabled-background-color: var(--vanguard-sys-background-disabled); /** Disabled button background */
  --vanguard-comp-button-disabled-border-color: var(--vanguard-sys-border-disabled); /** Disabled button border */
  --vanguard-comp-button-shared-spacing-xxs: var(--vanguard-sys-spacing-xxs); /** 2px button spacing from Figma */
  --vanguard-comp-button-shared-spacing-xs: var(--vanguard-sys-spacing-xs); /** 4px button spacing from Figma */
  --vanguard-comp-button-shared-spacing-sm: var(--vanguard-sys-spacing-sm); /** 6px button spacing from Figma */
  --vanguard-comp-button-shared-spacing-md: var(--vanguard-sys-spacing-md); /** 8px button spacing from Figma */
  --vanguard-comp-button-shared-spacing-lg: var(--vanguard-sys-spacing-lg); /** 12px button spacing from Figma */
  --vanguard-comp-button-shared-spacing-xl: var(--vanguard-sys-spacing-xl); /** 16px button spacing from Figma */
  --vanguard-comp-button-shared-spacing-2xl: var(--vanguard-sys-spacing-2xl); /** 20px button spacing from Figma */
  --vanguard-comp-button-shared-spacing-3xl: var(--vanguard-sys-spacing-3xl); /** 24px button spacing from Figma */
  --vanguard-comp-button-shared-border-radius-rounded: var(--vanguard-sys-radius-lg); /** 8px button border radius from Figma */
  --vanguard-comp-button-shared-border-radius-full: var(--vanguard-sys-radius-button); /** Button fully rounded 360px from Figma */
  --vanguard-comp-card-base-background: var(--vanguard-sys-surface-primary); /** Base card background */
  --vanguard-comp-card-base-border-color: var(--vanguard-sys-border-default); /** Base card border color */
  --vanguard-comp-card-base-border-radius: var(--vanguard-sys-radius-card); /** Base card border radius - 32px from Figma */
  --vanguard-comp-card-base-shadow: var(--vanguard-sys-shadow-sm); /** Base card shadow */
  --vanguard-comp-card-base-spacing-padding: var(--vanguard-sys-spacing-xl); /** Base card internal padding - 16px */
  --vanguard-comp-card-base-spacing-margin: var(--vanguard-sys-spacing-md); /** Base card external margin - 8px */
  --vanguard-comp-card-glass-background: var(--vanguard-sys-surface-glass-primary); /** Glass card background with transparency */
  --vanguard-comp-card-glass-background-secondary: var(--vanguard-sys-surface-glass-secondary); /** Enhanced glass card background */
  --vanguard-comp-card-status-success-background: var(--vanguard-sys-background-feedback-success); /** Success card background */
  --vanguard-comp-card-status-success-border: var(--vanguard-sys-border-feedback-success); /** Success card border */
  --vanguard-comp-card-status-success-text: var(--vanguard-sys-text-feedback-success); /** Success card text color */
  --vanguard-comp-card-status-success-icon: var(--vanguard-sys-icon-status-success); /** Success card icon color */
  --vanguard-comp-card-status-warning-background: var(--vanguard-sys-background-feedback-warning); /** Warning card background */
  --vanguard-comp-card-status-warning-border: var(--vanguard-sys-border-feedback-warning); /** Warning card border */
  --vanguard-comp-card-status-warning-text: var(--vanguard-sys-text-feedback-warning); /** Warning card text color */
  --vanguard-comp-card-status-warning-icon: var(--vanguard-sys-icon-status-warning); /** Warning card icon color */
  --vanguard-comp-card-status-error-background: var(--vanguard-sys-background-feedback-error); /** Error card background */
  --vanguard-comp-card-status-error-border: var(--vanguard-sys-border-feedback-error); /** Error card border */
  --vanguard-comp-card-status-error-text: var(--vanguard-sys-text-feedback-error); /** Error card text color */
  --vanguard-comp-card-status-error-icon: var(--vanguard-sys-icon-status-error); /** Error card icon color */
  --vanguard-comp-card-interactive-hover-background: var(--vanguard-sys-surface-secondary); /** Card background on hover */
  --vanguard-comp-card-interactive-hover-border: var(--vanguard-sys-border-hover); /** Card border on hover */
  --vanguard-comp-card-interactive-hover-shadow: var(--vanguard-sys-shadow-md); /** Card shadow on hover */
  --vanguard-comp-card-interactive-focus-border: var(--vanguard-sys-border-focus); /** Card border on focus */
  --vanguard-comp-card-interactive-focus-outline: 2px solid var(--vanguard-sys-border-focus); /** Card outline on focus */
  --vanguard-comp-card-interactive-active-background: var(--vanguard-sys-surface-tertiary); /** Card background when active */
  --vanguard-comp-card-broker-background: var(--vanguard-sys-surface-glass-primary); /** Broker card background with glass effect */
  --vanguard-comp-card-broker-status-icon: var(--vanguard-sys-icon-card-status); /** Broker card status icon */
  --vanguard-comp-dashboard-layout-container-padding: var(--vanguard-sys-spacing-xl); /** Dashboard container padding */
  --vanguard-comp-dashboard-layout-container-gap: var(--vanguard-sys-spacing-3xl); /** Dashboard sections gap - 24px */
  --vanguard-comp-dashboard-layout-grid-gap: var(--vanguard-sys-spacing-xl); /** Dashboard grid gap */
  --vanguard-comp-dashboard-header-background: var(--vanguard-sys-surface-primary); /** Dashboard header background */
  --vanguard-comp-dashboard-header-padding: var(--vanguard-sys-spacing-5xl) 0; /** Dashboard header padding - 40px vertical */
  --vanguard-comp-dashboard-header-title-color: var(--vanguard-sys-text-primary); /** Dashboard header title color */
  --vanguard-comp-dashboard-header-title-font-size: var(--vanguard-sys-typography-heading-lg-font-size); /** Dashboard header title font size */
  --vanguard-comp-dashboard-header-title-font-weight: var(--vanguard-sys-typography-heading-lg-font-weight); /** Dashboard header title font weight */
  --vanguard-comp-dashboard-header-subtitle-color: var(--vanguard-sys-text-secondary); /** Dashboard header subtitle color */
  --vanguard-comp-dashboard-header-subtitle-font-size: var(--vanguard-sys-typography-body-lg-font-size); /** Dashboard header subtitle font size */
  --vanguard-comp-dashboard-widget-background: var(--vanguard-sys-surface-primary); /** Dashboard widget background */
  --vanguard-comp-dashboard-widget-border-color: var(--vanguard-sys-border-default); /** Dashboard widget border color */
  --vanguard-comp-dashboard-widget-border-radius: var(--vanguard-sys-radius-card); /** Dashboard widget border radius */
  --vanguard-comp-dashboard-widget-shadow: var(--vanguard-sys-shadow-sm); /** Dashboard widget shadow */
  --vanguard-comp-dashboard-widget-padding: var(--vanguard-sys-spacing-3xl); /** Dashboard widget padding - 24px */
  --vanguard-comp-dashboard-widget-title-color: var(--vanguard-sys-text-primary); /** Dashboard widget title color */
  --vanguard-comp-dashboard-widget-title-font-size: var(--vanguard-sys-typography-heading-sm-font-size); /** Dashboard widget title font size */
  --vanguard-comp-dashboard-widget-title-font-weight: var(--vanguard-sys-typography-heading-sm-font-weight); /** Dashboard widget title font weight */
  --vanguard-comp-dashboard-widget-title-margin-bottom: var(--vanguard-sys-spacing-lg); /** Dashboard widget title bottom margin */
  --vanguard-comp-dashboard-stats-metric-value-color: var(--vanguard-sys-text-primary); /** Stats metric value color */
  --vanguard-comp-dashboard-stats-metric-value-font-size: var(--vanguard-sys-typography-heading-xl-font-size); /** Stats metric value font size */
  --vanguard-comp-dashboard-stats-metric-value-font-weight: var(--vanguard-sys-typography-heading-xl-font-weight); /** Stats metric value font weight */
  --vanguard-comp-dashboard-stats-metric-label-color: var(--vanguard-sys-text-secondary); /** Stats metric label color */
  --vanguard-comp-dashboard-stats-metric-label-font-size: var(--vanguard-sys-typography-body-sm-font-size); /** Stats metric label font size */
  --vanguard-comp-dashboard-stats-metric-change-positive: var(--vanguard-sys-text-feedback-success); /** Positive change color */
  --vanguard-comp-dashboard-stats-metric-change-negative: var(--vanguard-sys-text-feedback-error); /** Negative change color */
  --vanguard-comp-dashboard-stats-metric-change-neutral: var(--vanguard-sys-text-tertiary); /** Neutral change color */
  --vanguard-comp-dashboard-activity-item-padding: var(--vanguard-sys-spacing-lg); /** Activity item padding */
  --vanguard-comp-dashboard-activity-item-border-bottom: 1px solid var(--vanguard-sys-border-default); /** Activity item border bottom */
  --vanguard-comp-dashboard-activity-item-gap: var(--vanguard-sys-spacing-lg); /** Activity item content gap */
  --vanguard-comp-dashboard-activity-icon-background-positive: var(--vanguard-sys-background-feedback-success); /** Positive activity icon background */
  --vanguard-comp-dashboard-activity-icon-background-neutral: var(--vanguard-sys-background-feedback-info); /** Neutral activity icon background */
  --vanguard-comp-dashboard-activity-icon-background-negative: var(--vanguard-sys-background-feedback-error); /** Negative activity icon background */
  --vanguard-comp-dashboard-activity-icon-color-positive: var(--vanguard-sys-icon-activity-positive); /** Positive activity icon color */
  --vanguard-comp-dashboard-activity-icon-color-neutral: var(--vanguard-sys-icon-activity-neutral); /** Neutral activity icon color */
  --vanguard-comp-dashboard-activity-icon-color-negative: var(--vanguard-sys-icon-activity-negative); /** Negative activity icon color */
  --vanguard-comp-dashboard-activity-icon-padding: var(--vanguard-sys-spacing-sm); /** Activity icon padding */
  --vanguard-comp-dashboard-activity-icon-border-radius: var(--vanguard-sys-radius-full); /** Activity icon border radius */
  --vanguard-comp-dashboard-activity-text-title-color: var(--vanguard-sys-text-primary); /** Activity title text color */
  --vanguard-comp-dashboard-activity-text-title-font-size: var(--vanguard-sys-typography-body-md-font-size); /** Activity title font size */
  --vanguard-comp-dashboard-activity-text-subtitle-color: var(--vanguard-sys-text-secondary); /** Activity subtitle text color */
  --vanguard-comp-dashboard-activity-text-subtitle-font-size: var(--vanguard-sys-typography-body-sm-font-size); /** Activity subtitle font size */
  --vanguard-comp-dashboard-activity-text-timestamp-color: var(--vanguard-sys-text-tertiary); /** Activity timestamp text color */
  --vanguard-comp-dashboard-activity-text-timestamp-font-size: var(--vanguard-sys-typography-body-xs-font-size); /** Activity timestamp font size */
  --vanguard-comp-dashboard-table-header-background: var(--vanguard-sys-surface-secondary); /** Table header background */
  --vanguard-comp-dashboard-table-header-text-color: var(--vanguard-sys-text-secondary); /** Table header text color */
  --vanguard-comp-dashboard-table-header-text-font-size: var(--vanguard-sys-typography-body-sm-font-size); /** Table header font size */
  --vanguard-comp-dashboard-table-header-padding: var(--vanguard-sys-spacing-lg); /** Table header cell padding */
  --vanguard-comp-dashboard-table-row-background-default: var(--vanguard-sys-surface-primary); /** Default table row background */
  --vanguard-comp-dashboard-table-row-background-hover: var(--vanguard-sys-surface-secondary); /** Table row background on hover */
  --vanguard-comp-dashboard-table-row-border: 1px solid var(--vanguard-sys-border-default); /** Table row border */
  --vanguard-comp-dashboard-table-row-padding: var(--vanguard-sys-spacing-lg); /** Table row cell padding */
  --vanguard-comp-dashboard-table-cell-text-color: var(--vanguard-sys-text-primary); /** Table cell text color */
  --vanguard-comp-dashboard-table-cell-text-font-size: var(--vanguard-sys-typography-body-sm-font-size); /** Table cell font size */
  --vanguard-comp-form-label-text-color-default: var(--vanguard-sys-text-secondary); /** Default label text color */
  --vanguard-comp-form-label-text-color-required: var(--vanguard-sys-text-feedback-error); /** Required field label text color */
  --vanguard-comp-form-label-text-color-disabled: var(--vanguard-sys-text-disabled); /** Disabled label text color */
  --vanguard-comp-form-label-text-font-size: var(--vanguard-sys-typography-body-sm-font-size); /** Label text font size */
  --vanguard-comp-form-label-text-line-height: var(--vanguard-sys-typography-body-sm-line-height); /** Label text line height */
  --vanguard-comp-form-label-spacing-margin-bottom: var(--vanguard-sys-spacing-sm); /** Label bottom margin */
  --vanguard-comp-form-helper-text-color-default: var(--vanguard-sys-text-tertiary); /** Default helper text color */
  --vanguard-comp-form-helper-text-color-error: var(--vanguard-sys-text-feedback-error); /** Error helper text color */
  --vanguard-comp-form-helper-text-color-success: var(--vanguard-sys-text-feedback-success); /** Success helper text color */
  --vanguard-comp-form-helper-text-font-size: var(--vanguard-sys-typography-body-xs-font-size); /** Helper text font size */
  --vanguard-comp-form-helper-text-line-height: var(--vanguard-sys-typography-body-xs-line-height); /** Helper text line height */
  --vanguard-comp-form-helper-spacing-margin-top: var(--vanguard-sys-spacing-sm); /** Helper text top margin */
  --vanguard-comp-form-checkbox-background-checked: var(--vanguard-sys-action-primary); /** Checked checkbox background - inner blue (#3771D5) */
  --vanguard-comp-form-checkbox-background-disabled: var(--vanguard-sys-background-disabled); /** Disabled checkbox background */
  --vanguard-comp-form-checkbox-border-color-checked: var(--vanguard-sys-border-brand-subtle); /** Checked checkbox border color - light blue (#8CACE0) */
  --vanguard-comp-form-checkbox-border-color-focus: var(--vanguard-sys-border-focus); /** Focused checkbox border color */
  --vanguard-comp-form-checkbox-icon-color: var(--vanguard-sys-text-inverse); /** Checkbox check icon color - white */
  --vanguard-comp-form-dropdown-background: var(--vanguard-sys-surface-primary); /** Dropdown background */
  --vanguard-comp-form-dropdown-border-color: var(--vanguard-sys-border-default); /** Dropdown border color */
  --vanguard-comp-form-dropdown-border-radius: var(--vanguard-sys-radius-lg); /** Dropdown border radius */
  --vanguard-comp-form-dropdown-shadow: var(--vanguard-sys-shadow-lg); /** Dropdown shadow */
  --vanguard-comp-form-dropdown-option-background-hover: var(--vanguard-sys-surface-secondary); /** Option background on hover */
  --vanguard-comp-form-dropdown-option-background-selected: var(--vanguard-sys-surface-tertiary); /** Selected option background */
  --vanguard-comp-form-dropdown-option-text-color: var(--vanguard-sys-text-primary); /** Option text color */
  --vanguard-comp-form-dropdown-option-spacing-padding: var(--vanguard-sys-spacing-sm) var(--vanguard-sys-spacing-md); /** Option padding */
  --vanguard-comp-navigation-top-nav-background: var(--vanguard-sys-surface-primary); /** Top navigation background */
  --vanguard-comp-navigation-top-nav-border: var(--vanguard-sys-border-default); /** Top navigation border */
  --vanguard-comp-navigation-top-nav-padding: var(--vanguard-sys-spacing-xl); /** Top navigation padding */
  --vanguard-comp-navigation-nav-item-text-default: var(--vanguard-sys-icon-navigation-default); /** Default nav item text color */
  --vanguard-comp-navigation-nav-item-text-active: var(--vanguard-sys-icon-navigation-active); /** Active nav item text color */
  --vanguard-comp-navigation-nav-item-text-hover: var(--vanguard-sys-icon-navigation-hover); /** Nav item text color on hover */
  --vanguard-comp-navigation-nav-item-icon-default: var(--vanguard-sys-icon-navigation-default); /** Default nav item icon color */
  --vanguard-comp-navigation-nav-item-icon-active: var(--vanguard-sys-icon-navigation-active); /** Active nav item icon color */
  --vanguard-comp-navigation-nav-item-icon-hover: var(--vanguard-sys-icon-navigation-hover); /** Nav item icon color on hover */
  --vanguard-comp-navigation-nav-item-background-active: var(--vanguard-sys-surface-secondary); /** Active nav item background */
  --vanguard-comp-navigation-nav-item-background-hover: var(--vanguard-sys-surface-tertiary); /** Nav item background on hover */
  --vanguard-comp-navigation-nav-item-border-radius: var(--vanguard-sys-radius-md); /** Nav item border radius */
  --vanguard-comp-navigation-nav-item-spacing-padding: var(--vanguard-sys-spacing-sm) var(--vanguard-sys-spacing-md); /** Nav item padding - 6px vertical, 8px horizontal */
  --vanguard-comp-navigation-nav-item-spacing-gap: var(--vanguard-sys-spacing-sm); /** Nav item icon-text gap */
  --vanguard-comp-navigation-breadcrumb-text-default: var(--vanguard-sys-text-tertiary); /** Default breadcrumb text color */
  --vanguard-comp-navigation-breadcrumb-text-active: var(--vanguard-sys-text-primary); /** Active breadcrumb text color */
  --vanguard-comp-navigation-breadcrumb-text-hover: var(--vanguard-sys-text-primary); /** Breadcrumb text color on hover */
  --vanguard-comp-navigation-breadcrumb-separator-color: var(--vanguard-sys-text-tertiary); /** Breadcrumb separator color */
  --vanguard-comp-navigation-breadcrumb-spacing-gap: var(--vanguard-sys-spacing-sm); /** Breadcrumb item gap */
  --vanguard-comp-navigation-sidebar-background: var(--vanguard-sys-surface-primary); /** Sidebar background */
  --vanguard-comp-navigation-sidebar-border: var(--vanguard-sys-border-default); /** Sidebar border */
  --vanguard-comp-navigation-sidebar-padding: var(--vanguard-sys-spacing-lg); /** Sidebar padding */
  --vanguard-comp-wizard-step-title: var(--vanguard-sys-text-disabled-subtle); /** Step review card title text color - Gray 300 (#D0D5DD) */
}