:root { --black: #0f0f0f; --background: #121212; --background-alt: #171717; --gray-dark: #212121; --button: #242424; --border: #2e2e2e; --button-border: #363636; --button-border-hover: #454545; --gray-medium: #5e5e5e; --gray-light: #898989; --gray-lighter: #8b8b8b; --gray-lightest: #b4b4b4; --white: #fafafa; --gray-900: #121212; --gray-800: #1a1a1a; --gray-700: #2e2e2e; --gray-600: #454545; --gray-500: #5e5e5e; --gray-400: #7a7a7a; --gray-300: #a1a1a1; --gray-200: #d0d0d0; --gray-100: #f0f0f0; --text-primary: #fafafa; --text-secondary: #b4b4b4; --text-muted: #898989; --text-disabled: #5e5e5e; --surface: #171717; --surface-hover: #212121; --border-color: #2e2e2e; --accent: #4f9cf9; --accent-hover: #3d8ce4; --accent-light: #9ccfff; --accent-dark: #1c6ed5; --success: #3bb273; --warning: #f5a623; --error: #e74c3c; --black-alpha-90: rgba(15, 15, 15, 0.9); --black-alpha-75: rgba(15, 15, 15, 0.75); --black-alpha-50: rgba(15, 15, 15, 0.5); --black-alpha-25: rgba(15, 15, 15, 0.25); --background-alpha-90: rgba(18, 18, 18, 0.9); --background-alpha-75: rgba(18, 18, 18, 0.75); --background-alpha-50: rgba(18, 18, 18, 0.5); --background-alpha-25: rgba(18, 18, 18, 0.25); --background-alt-alpha-90: rgba(23, 23, 23, 0.9); --background-alt-alpha-75: rgba(23, 23, 23, 0.75); --background-alt-alpha-50: rgba(23, 23, 23, 0.5); --background-alt-alpha-25: rgba(23, 23, 23, 0.25); --gray-dark-alpha-90: rgba(33, 33, 33, 0.9); --gray-dark-alpha-75: rgba(33, 33, 33, 0.75); --gray-dark-alpha-50: rgba(33, 33, 33, 0.5); --gray-dark-alpha-25: rgba(33, 33, 33, 0.25); --button-alpha-90: rgba(36, 36, 36, 0.9); --button-alpha-75: rgba(36, 36, 36, 0.75); --button-alpha-50: rgba(36, 36, 36, 0.5); --button-alpha-25: rgba(36, 36, 36, 0.25); --border-alpha-90: rgba(46, 46, 46, 0.9); --border-alpha-75: rgba(46, 46, 46, 0.75); --border-alpha-50: rgba(46, 46, 46, 0.5); --border-alpha-25: rgba(46, 46, 46, 0.25); --button-border-alpha-90: rgba(54, 54, 54, 0.9); --button-border-alpha-75: rgba(54, 54, 54, 0.75); --button-border-alpha-50: rgba(54, 54, 54, 0.5); --button-border-alpha-25: rgba(54, 54, 54, 0.25); --button-border-hover-alpha-90: rgba(69, 69, 69, 0.9); --button-border-hover-alpha-75: rgba(69, 69, 69, 0.75); --button-border-hover-alpha-50: rgba(69, 69, 69, 0.5); --button-border-hover-alpha-25: rgba(69, 69, 69, 0.25); --gray-medium-alpha-90: rgba(94, 94, 94, 0.9); --gray-medium-alpha-75: rgba(94, 94, 94, 0.75); --gray-medium-alpha-50: rgba(94, 94, 94, 0.5); --gray-medium-alpha-25: rgba(94, 94, 94, 0.25); --gray-light-alpha-90: rgba(137, 137, 137, 0.9); --gray-light-alpha-75: rgba(137, 137, 137, 0.75); --gray-light-alpha-50: rgba(137, 137, 137, 0.5); --gray-light-alpha-25: rgba(137, 137, 137, 0.25); --gray-lighter-alpha-90: rgba(139, 139, 139, 0.9); --gray-lighter-alpha-75: rgba(139, 139, 139, 0.75); --gray-lighter-alpha-50: rgba(139, 139, 139, 0.5); --gray-lighter-alpha-25: rgba(139, 139, 139, 0.25); --gray-lightest-alpha-90: rgba(180, 180, 180, 0.9); --gray-lightest-alpha-75: rgba(180, 180, 180, 0.75); --gray-lightest-alpha-50: rgba(180, 180, 180, 0.5); --gray-lightest-alpha-25: rgba(180, 180, 180, 0.25); --white-alpha-90: rgba(250, 250, 250, 0.9); --white-alpha-75: rgba(250, 250, 250, 0.75); --white-alpha-50: rgba(250, 250, 250, 0.5); --white-alpha-25: rgba(250, 250, 250, 0.25); --accent-alpha-90: rgba(79, 156, 249, 0.9); --accent-alpha-75: rgba(79, 156, 249, 0.75); --accent-alpha-50: rgba(79, 156, 249, 0.5); --accent-alpha-25: rgba(79, 156, 249, 0.25); --accent-hover-alpha-90: rgba(61, 140, 228, 0.9); --accent-hover-alpha-75: rgba(61, 140, 228, 0.75); --accent-hover-alpha-50: rgba(61, 140, 228, 0.5); --accent-hover-alpha-25: rgba(61, 140, 228, 0.25); --success-alpha-90: rgba(59, 178, 115, 0.9); --success-alpha-75: rgba(59, 178, 115, 0.75); --success-alpha-50: rgba(59, 178, 115, 0.5); --success-alpha-25: rgba(59, 178, 115, 0.25); --warning-alpha-90: rgba(245, 166, 35, 0.9); --warning-alpha-75: rgba(245, 166, 35, 0.75); --warning-alpha-50: rgba(245, 166, 35, 0.5); --warning-alpha-25: rgba(245, 166, 35, 0.25); --error-alpha-90: rgba(231, 76, 60, 0.9); --error-alpha-75: rgba(231, 76, 60, 0.75); --error-alpha-50: rgba(231, 76, 60, 0.5); --error-alpha-25: rgba(231, 76, 60, 0.25); --text-xs: clamp(0.59rem, calc(0.0016666666666666663 * (100vw - 20rem) + 0.59rem), 0.69rem); --text-s: clamp(0.67rem, calc(0.001833333333333333 * (100vw - 20rem) + 0.67rem), 0.78rem); --text-m: clamp(0.75rem, calc(0.0021666666666666666 * (100vw - 20rem) + 0.75rem), 0.88rem); --text-l: clamp(0.84rem, calc(0.0023333333333333335 * (100vw - 20rem) + 0.84rem), 0.98rem); --text-xl: clamp(0.95rem, calc(0.002666666666666669 * (100vw - 20rem) + 0.95rem), 1.11rem); --text-2xl: clamp(1.07rem, calc(0.0029999999999999988 * (100vw - 20rem) + 1.07rem), 1.25rem); --text-3xl: clamp(1.2rem, calc(0.0033333333333333327 * (100vw - 20rem) + 1.2rem), 1.4rem); --text-4xl: clamp(1.35rem, calc(0.003833333333333333 * (100vw - 20rem) + 1.35rem), 1.58rem); --text-5xl: clamp(1.52rem, calc(0.004166666666666667 * (100vw - 20rem) + 1.52rem), 1.77rem); --title-xs: clamp(0.52rem, calc(0.0014999999999999994 * (100vw - 20rem) + 0.52rem), 0.61rem); --title-s: clamp(0.63rem, calc(0.0016666666666666663 * (100vw - 20rem) + 0.63rem), 0.73rem); --title-m: clamp(0.75rem, calc(0.0021666666666666666 * (100vw - 20rem) + 0.75rem), 0.88rem); --title-l: clamp(0.9rem, calc(0.0025000000000000005 * (100vw - 20rem) + 0.9rem), 1.05rem); --title-xl: clamp(1.08rem, calc(0.0029999999999999988 * (100vw - 20rem) + 1.08rem), 1.26rem); --title-2xl: clamp(1.3rem, calc(0.003499999999999999 * (100vw - 20rem) + 1.3rem), 1.51rem); --title-3xl: clamp(1.56rem, calc(0.004166666666666667 * (100vw - 20rem) + 1.56rem), 1.81rem); --title-4xl: clamp(1.87rem, calc(0.0051666666666666675 * (100vw - 20rem) + 1.87rem), 2.18rem); --title-5xl: clamp(2.24rem, calc(0.0061666666666666614 * (100vw - 20rem) + 2.24rem), 2.61rem);}