:root { --bg-canvas: #1a1a29; --bg-canvas-mid: #2f2f4b; --bg-panel: #101018; --bg-surface: #21212f; --text-primary: #f5f6fa; --text-muted: #9a9ab0; --border-subtle: rgba(255,255,255,0.08); --accent: #4c6fff; --accent-contrast: #ffffff; --danger: #ff5470; --accent-l-1: #889fff; --accent-l-2: #c3cfff; --accent-d-1: #334aaa; --accent-d-2: #192555; --space-2xs: clamp(0.73rem, calc(-0.0000925926 * (100vw - 36rem) + 0.73rem), 0.72rem); --space-xs: clamp(0.95rem, calc(0.0009259259 * (100vw - 36rem) + 0.95rem), 1.05rem); --space-s: clamp(1.23rem, calc(0.0026851852 * (100vw - 36rem) + 1.23rem), 1.52rem); --space-m: clamp(1.6rem, calc(0.0055555556 * (100vw - 36rem) + 1.6rem), 2.2rem); --space-l: clamp(2.08rem, calc(0.0102777778 * (100vw - 36rem) + 2.08rem), 3.19rem); --space-xl: clamp(2.7rem, calc(0.0178703704 * (100vw - 36rem) + 2.7rem), 4.63rem); --space-2xl: clamp(3.52rem, calc(0.029537037 * (100vw - 36rem) + 3.52rem), 6.71rem); --text-2xs: clamp(1.06rem, calc(0.00009259259259259267 * (100vw - 36rem) + 1.06rem), 1.07rem); --text-xs: clamp(1.22rem, calc(0.000833333333333334 * (100vw - 36rem) + 1.22rem), 1.31rem); --text-s: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --text-m: clamp(1.61rem, calc(0.003148148148148147 * (100vw - 36rem) + 1.61rem), 1.95rem); --text-l: clamp(1.85rem, calc(0.0049074074074074055 * (100vw - 36rem) + 1.85rem), 2.38rem); --text-xl: clamp(2.13rem, calc(0.0072222222222222245 * (100vw - 36rem) + 2.13rem), 2.91rem); --text-2xl: clamp(2.45rem, calc(0.01009259259259259 * (100vw - 36rem) + 2.45rem), 3.54rem);}