:root{--color-primary: #4f8cff;--color-primary-dark: #3a5be0;--color-secondary: #84afff;--color-text-dark: #333333;--color-text-light: #555555;--color-background-light: #f9fafb;--color-background-dark: #ffffff;--color-border: #eeeeee;--color-shadow: rgba(0, 0, 0, .08);--color-bg: #f7fafc;--color-header-bg: linear-gradient(90deg, #4f8cff 0%, #4f8dffa5 100%);--color-header-text: #fff;--color-header-shadow: 0 2px 8px rgba(79, 140, 255, .08);--color-footer-bg: #e9f1fb;--color-footer-text: #4f8cff;--color-footer-text-2: #1d1f20;--color-footer-text-3: #555;--color-btn-shadow: rgba(79, 140, 255, .12);--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem}