:root { --color-primary: #0c1b3a; --color-secondary: #ffffff; --color-accent: #ffb400; --color-success: #28a745; --color-warning: #ffc107; --color-danger: #dc3545; --color-info: #17a2b8; --color-bg-base: #f5f7fb; --color-surface-sunken: #eef1f6; --color-overlay: rgba(12, 27, 58, 0.85); --font-size-xs: clamp(1rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1rem), 1.2rem); --font-size-small: clamp(1.2rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.2rem), 1.4rem); --font-size-body: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --font-size-h5: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --font-size-h4: clamp(2rem, calc(0.0018518518518518534 * (100vw - 36rem) + 2rem), 2.2rem); --font-size-h3: clamp(2.5rem, calc(0.002777777777777776 * (100vw - 36rem) + 2.5rem), 2.8rem); --font-size-h2: clamp(3.13rem, calc(0.00990740740740741 * (100vw - 36rem) + 3.13rem), 4.2rem); --font-size-h1: clamp(3.13rem, calc(0.030277777777777782 * (100vw - 36rem) + 3.13rem), 6.4rem); --space-xs: clamp(0.6rem, calc(0 * (100vw - 36rem) + 0.6rem), 0.6rem); --space-sm: clamp(1.2rem, calc(0 * (100vw - 36rem) + 1.2rem), 1.2rem); --space-md: clamp(2rem, calc(0 * (100vw - 36rem) + 2rem), 2rem); --space-lg: clamp(4rem, calc(0 * (100vw - 36rem) + 4rem), 4rem); --space-xl: clamp(8rem, calc(0.0018518518518518452 * (100vw - 36rem) + 8rem), 8.2rem);}