:root { --ccvaa-color-accent-decorative: var(--ccvaa-accent); --ccvaa-color-action-danger: var(--ccvaa-critical-strong); --ccvaa-color-action-danger-hover: var(--ccvaa-critical-dark); --ccvaa-color-action-on-danger: var(--ccvaa-white); --ccvaa-color-action-on-primary: var(--ccvaa-white); --ccvaa-color-action-on-primary-hover: var(--ccvaa-white); --ccvaa-color-action-primary: var(--ccvaa-brand); --ccvaa-color-action-primary-active: var(--ccvaa-brand-dark); --ccvaa-color-action-primary-disabled: var(--ccvaa-neutral-soft); --ccvaa-color-action-primary-focus: var(--ccvaa-brand); --ccvaa-color-action-primary-hover: var(--ccvaa-brand-strong); --ccvaa-color-border-action: var(--ccvaa-brand-strong); --ccvaa-color-border-base: var(--ccvaa-neutral-soft); --ccvaa-color-border-brand: var(--ccvaa-brand); --ccvaa-color-border-critical: var(--ccvaa-critical); --ccvaa-color-border-secondary: var(--ccvaa-neutral-soft-dim); --ccvaa-color-focus-ring-fill: color-mix(in oklch, var(--ccvaa-brand) 30%, transparent); --ccvaa-color-focus-ring-fill-critical: color-mix(in oklch, var(--ccvaa-critical) 70%, transparent); --ccvaa-color-focus-ring-inner: var(--ccvaa-color-surface-base); --ccvaa-color-focus-ring-outer: var(--ccvaa-brand); --ccvaa-color-icon-base: var(--ccvaa-neutral-dark); --ccvaa-color-icon-primary: var(--ccvaa-brand); --ccvaa-color-link: var(--ccvaa-brand); --ccvaa-color-link-hover: var(--ccvaa-brand-dark); --ccvaa-color-link-visited: var(--ccvaa-visited-strong); --ccvaa-color-overlay-scrim-brand: var(--ccvaa-brand-a60); --ccvaa-color-overlay-scrim-dark: var(--ccvaa-black-a60); --ccvaa-color-overlay-scrim-dark-strong: var(--ccvaa-black-a70); --ccvaa-color-overlay-scrim-dark-xstrong: var(--ccvaa-black-a90); --ccvaa-color-overlay-scrim-light: var(--ccvaa-white-a70); --ccvaa-color-status-critical-bg: var(--ccvaa-critical-ultra-light); --ccvaa-color-status-critical-border: var(--ccvaa-critical); --ccvaa-color-status-critical-text: var(--ccvaa-critical-dark); --ccvaa-color-status-info-bg: var(--ccvaa-info-ultra-light); --ccvaa-color-status-info-border: var(--ccvaa-info-base); --ccvaa-color-status-info-text: var(--ccvaa-info-dark); --ccvaa-color-status-success-bg: var(--ccvaa-success-ultra-light); --ccvaa-color-status-success-border: var(--ccvaa-success); --ccvaa-color-status-success-text: var(--ccvaa-success-dark); --ccvaa-color-status-warning-bg: var(--ccvaa-warning-ultra-light); --ccvaa-color-status-warning-border: var(--ccvaa-warning); --ccvaa-color-status-warning-text: var(--ccvaa-warning-dark); --ccvaa-color-surface-base: var(--ccvaa-neutral-light); --ccvaa-color-surface-brand: var(--ccvaa-brand-dark); --ccvaa-color-surface-brand-hero: var(--ccvaa-brand-strong); --ccvaa-color-surface-muted: var(--ccvaa-neutral-soft); --ccvaa-color-surface-overlay: var(--ccvaa-white); --ccvaa-color-surface-raised: var(--ccvaa-white); --ccvaa-color-surface-subtle: var(--ccvaa-neutral-light-dim); --ccvaa-color-surface-sunken: var(--ccvaa-neutral-soft-dim); --ccvaa-color-text-accent-strong: var(--ccvaa-accent-dark); --ccvaa-color-text-brand: var(--ccvaa-brand-strong); --ccvaa-color-text-critical: var(--ccvaa-critical-dark); --ccvaa-color-text-disabled: var(--ccvaa-neutral-strong); --ccvaa-color-text-heading: var(--ccvaa-brand-strong); --ccvaa-color-text-info: var(--ccvaa-info-dark); --ccvaa-color-text-on-brand: var(--ccvaa-brand-ultra-light); --ccvaa-color-text-primary: var(--ccvaa-neutral-ultra-dark); --ccvaa-color-text-secondary: var(--ccvaa-neutral-dark); --ccvaa-color-text-success: var(--ccvaa-success-dark); --ccvaa-color-text-warning: var(--ccvaa-warning-dark); --ccvaa-color-tonal-brand-bg: var(--ccvaa-color-tonal-brand-faint); --ccvaa-overlay-border-secondary: var(--ccvaa-color-border-secondary); --ccvaa-tonal-critical-action: var(--ccvaa-critical-strong); --ccvaa-tonal-critical-action-hover: var(--ccvaa-critical-dark); --ccvaa-tonal-critical-base: var(--ccvaa-critical-light); --ccvaa-tonal-critical-border: var(--ccvaa-critical-soft); --ccvaa-tonal-critical-muted: var(--ccvaa-critical-soft); --ccvaa-tonal-critical-on-action: var(--ccvaa-white); --ccvaa-tonal-critical-raised: var(--ccvaa-critical-ultra-light); --ccvaa-tonal-critical-text: var(--ccvaa-critical-ultra-dark); --ccvaa-tonal-critical-text-secondary: var(--ccvaa-critical-dark); --ccvaa-tonal-success-action: var(--ccvaa-success-strong); --ccvaa-tonal-success-action-hover: var(--ccvaa-success-dark); --ccvaa-tonal-success-base: var(--ccvaa-success-light); --ccvaa-tonal-success-border: var(--ccvaa-success-soft); --ccvaa-tonal-success-muted: var(--ccvaa-success-soft); --ccvaa-tonal-success-on-action: var(--ccvaa-white); --ccvaa-tonal-success-raised: var(--ccvaa-success-ultra-light); --ccvaa-tonal-success-text: var(--ccvaa-success-ultra-dark); --ccvaa-tonal-success-text-secondary: var(--ccvaa-success-dark); --ccvaa-tonal-warning-action: var(--ccvaa-warning-dark); --ccvaa-tonal-warning-action-hover: var(--ccvaa-warning-ultra-dark); --ccvaa-tonal-warning-base: var(--ccvaa-warning-light); --ccvaa-tonal-warning-border: var(--ccvaa-warning-soft); --ccvaa-tonal-warning-muted: var(--ccvaa-warning-soft); --ccvaa-tonal-warning-on-action: var(--ccvaa-white); --ccvaa-tonal-warning-raised: var(--ccvaa-warning-ultra-light); --ccvaa-tonal-warning-text: var(--ccvaa-warning-ultra-dark); --ccvaa-tonal-warning-text-secondary: var(--ccvaa-warning-dark); --ccvaa-color-action-critical: var(--ccvaa-critical-strong); --ccvaa-color-action-critical-hover: var(--ccvaa-critical-dark); --ccvaa-color-action-info: var(--ccvaa-info-strong); --ccvaa-color-action-info-hover: var(--ccvaa-info-dark); --ccvaa-color-action-on-critical: var(--ccvaa-white); --ccvaa-color-action-on-critical-hover: var(--ccvaa-white); --ccvaa-color-action-on-info: var(--ccvaa-white); --ccvaa-color-action-on-info-hover: var(--ccvaa-white); --ccvaa-color-action-on-success: var(--ccvaa-white); --ccvaa-color-action-on-success-hover: var(--ccvaa-white); --ccvaa-color-action-on-warning: var(--ccvaa-white); --ccvaa-color-action-on-warning-hover: var(--ccvaa-white); --ccvaa-color-action-success: var(--ccvaa-success-strong); --ccvaa-color-action-success-hover: var(--ccvaa-success-dark); --ccvaa-color-action-warning: var(--ccvaa-warning-dark); --ccvaa-color-action-warning-hover: var(--ccvaa-warning-ultra-dark); --ccvaa-color-border-critical-hover: var(--ccvaa-critical-dark); --ccvaa-color-border-info: var(--ccvaa-info-base); --ccvaa-color-border-info-hover: var(--ccvaa-info-dark); --ccvaa-color-border-success: var(--ccvaa-success); --ccvaa-color-border-success-hover: var(--ccvaa-success-dark); --ccvaa-color-border-warning: var(--ccvaa-warning); --ccvaa-color-border-warning-hover: var(--ccvaa-warning-dark); --ccvaa-color-icon-critical: var(--ccvaa-color-text-critical); --ccvaa-color-icon-info: var(--ccvaa-color-text-info); --ccvaa-color-icon-success: var(--ccvaa-color-text-success); --ccvaa-color-icon-warning: var(--ccvaa-color-text-warning); --ccvaa-color-link-critical: var(--ccvaa-color-text-critical); --ccvaa-color-link-critical-hover: var(--ccvaa-color-text-critical-secondary); --ccvaa-color-link-info: var(--ccvaa-color-text-info); --ccvaa-color-link-info-hover: var(--ccvaa-color-text-info-secondary); --ccvaa-color-link-success: var(--ccvaa-color-text-success); --ccvaa-color-link-success-hover: var(--ccvaa-color-text-success-secondary); --ccvaa-color-link-warning: var(--ccvaa-color-text-warning); --ccvaa-color-link-warning-hover: var(--ccvaa-color-text-warning-secondary); --ccvaa-color-surface-critical: var(--ccvaa-critical-light); --ccvaa-color-surface-critical-muted: var(--ccvaa-critical-soft); --ccvaa-color-surface-critical-raised: var(--ccvaa-critical-ultra-light); --ccvaa-color-surface-info: var(--ccvaa-info-light); --ccvaa-color-surface-info-muted: var(--ccvaa-info-soft); --ccvaa-color-surface-info-raised: var(--ccvaa-info-ultra-light); --ccvaa-color-surface-success: var(--ccvaa-success-light); --ccvaa-color-surface-success-muted: var(--ccvaa-success-soft); --ccvaa-color-surface-success-raised: var(--ccvaa-success-ultra-light); --ccvaa-color-surface-warning: var(--ccvaa-warning-light); --ccvaa-color-surface-warning-muted: var(--ccvaa-warning-soft); --ccvaa-color-surface-warning-raised: var(--ccvaa-warning-ultra-light); --ccvaa-color-text-critical-secondary: var(--ccvaa-critical-ultra-dark); --ccvaa-color-text-info-secondary: var(--ccvaa-info-ultra-dark); --ccvaa-color-text-success-secondary: var(--ccvaa-success-ultra-dark); --ccvaa-color-text-warning-secondary: var(--ccvaa-warning-ultra-dark); --ccvaa-color-action-accent: var(--ccvaa-accent-dark); --ccvaa-color-action-accent-hover: var(--ccvaa-accent-ultra-dark); --ccvaa-color-action-on-accent: var(--ccvaa-white); --ccvaa-color-action-on-accent-hover: var(--ccvaa-white); --ccvaa-color-border-strong: var(--ccvaa-neutral); --ccvaa-color-tonal-brand-faint: var(--ccvaa-brand-ultra-light); --ccvaa-color-tonal-brand: var(--ccvaa-brand-light); --ccvaa-color-tonal-brand-strong: var(--ccvaa-brand-soft); --ccvaa-color-focus-surface: var(--ccvaa-info-light); --ccvaa-color-focus-on-surface: var(--ccvaa-neutral-ultra-dark);}