:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --primary: #263640; --action: #CC662B; --neutral: #f4f5f6; --primary-l-1: #5c6870; --primary-l-2: #939ba0; --primary-l-3: #c9cdcf; --bg-deep: #1b2830; --bg-card: #35505e; --action-l-1: #d98c60; --action-l-2: #e6b395; --action-l-3: #f2d9ca; --action-d-1: #994d20; --action-d-2: #663316; --action-d-3: #331a0b; --accent-glow: #e07a2f; --text: #dfe3e6; --text-dim: #94a0a8; --border: rgba(255,255,255,0.09); --border-hover: rgba(212,105,30,0.4); --green: #34d399; --green-dim: rgba(52,211,153,0.12); --yellow: #fbbf24; --yellow-dim: rgba(251,191,36,0.12); --red: #f87171; --red-dim: rgba(248,113,113,0.1); --action-dim: rgba(212,105,30,0.12); --H6: clamp(1.13rem, calc(0.004351851851851853 * (100vw - 36rem) + 1.13rem), 1.6rem); --H5: clamp(1.41rem, calc(0.006759259259259261 * (100vw - 36rem) + 1.41rem), 2.14rem); --H4: clamp(1.76rem, calc(0.010092592592592594 * (100vw - 36rem) + 1.76rem), 2.85rem); --H3: clamp(2.2rem, calc(0.014814814814814812 * (100vw - 36rem) + 2.2rem), 3.8rem); --H2: clamp(2.75rem, calc(0.021481481481481483 * (100vw - 36rem) + 2.75rem), 5.07rem); --H1: clamp(3.44rem, calc(0.03064814814814815 * (100vw - 36rem) + 3.44rem), 6.75rem); --text-4xs: clamp(1.08rem, calc(0 * (100vw - 36rem) + 1.08rem), 1.08rem); --text-3xs: clamp(1.16rem, calc(0 * (100vw - 36rem) + 1.16rem), 1.16rem); --text-2xs: clamp(1.23rem, calc(0 * (100vw - 36rem) + 1.23rem), 1.23rem); --text-xs: clamp(1.32rem, calc(0 * (100vw - 36rem) + 1.32rem), 1.32rem); --text-s: clamp(1.41rem, calc(0 * (100vw - 36rem) + 1.41rem), 1.41rem); --text-m: clamp(1.5rem, calc(0 * (100vw - 36rem) + 1.5rem), 1.5rem); --text-l: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --text-xl: clamp(1.71rem, calc(0 * (100vw - 36rem) + 1.71rem), 1.71rem); --text-2xl: clamp(1.82rem, calc(0 * (100vw - 36rem) + 1.82rem), 1.82rem); --space-2xs: clamp(0.68rem, calc(0.000277777777777777 * (100vw - 36rem) + 0.68rem), 0.71rem); --space-xs: clamp(0.9rem, calc(0.0009259259259259257 * (100vw - 36rem) + 0.9rem), 1rem); --space-s: clamp(1.2rem, calc(0.0019444444444444442 * (100vw - 36rem) + 1.2rem), 1.41rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2.13rem, calc(0.006481481481481483 * (100vw - 36rem) + 2.13rem), 2.83rem); --space-xl: clamp(2.84rem, calc(0.010740740740740742 * (100vw - 36rem) + 2.84rem), 4rem); --space-2xl: clamp(3.79rem, calc(0.017222222222222226 * (100vw - 36rem) + 3.79rem), 5.65rem); --space-3xl: clamp(5.05rem, calc(0.027314814814814816 * (100vw - 36rem) + 5.05rem), 8rem);}.bg-primary { background-color: var(--primary); }.bg-primary-l-1 { background-color: var(--primary-l-1); }.bg-primary-l-2 { background-color: var(--primary-l-2); }.bg-primary-l-3 { background-color: var(--primary-l-3); }.text-action { color: var(--action); }.text-action-l-1 { color: var(--action-l-1); }.text-action-l-2 { color: var(--action-l-2); }.text-action-l-3 { color: var(--action-l-3); }.text-action-d-1 { color: var(--action-d-1); }.text-action-d-2 { color: var(--action-d-2); }.text-action-d-3 { color: var(--action-d-3); }