:root{--color-primary: #3878a7;--color-primary-hover: #3878a7;--color-primary-border: #3878a7;--color-primary-dark: #3878a7;--color-on-primary: #ffffff;--color-link-hover: #3878a7;--color-primary-rgb: 56, 120, 167;--color-primary-hover-rgb: 56, 120, 167;--color-primary-border-rgb: 56, 120, 167;--color-primary-dark-rgb: 56, 120, 167;--color-focus-ring: rgba(56, 120, 167, 0.22);--color-focus-ring-soft: rgba(56, 120, 167, 0.18);--color-border-soft: rgba(56, 120, 167, 0.22);--color-border-soft-strong: rgba(56, 120, 167, 0.28);--color-bg-soft: rgba(56, 120, 167, 0.06);--color-bg-soft-strong: rgba(56, 120, 167, 0.12);--color-text-soft: rgba(56, 120, 167, 0.58);--color-text-disabled: rgba(56, 120, 167, 0.45);--color-gradient-light: linear-gradient(180deg, rgba(56,120,167,1) 0%, rgba(56,120,167,0) 40%);--color-gradient-dark: linear-gradient(180deg, rgba(56,120,167,0.6) 0%, rgba(0,0,0,0.9) 100%);--color-shadow-layer: 0 2px 20px 0 rgba(56,120,167,0.5)}