: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; --surface-page: #FFFFFF; --surface-raised: #F7F6F3; --text-body: #1F1E1C; --text-heading: #0057B7; --text-muted: #5A5A5A; --accent: #FFDD00; --on-accent: #1F1E1C; --accent-hover: #E6C700; --accent-edge: #8A7500; --link: #0057B7; --link-hover: #003D80; --border-subtle: #D0D0D0; --border-strong: #5A5A5A; --border-image: #5A5A5A; --signal: #9e000b; --on-signal: #FFFFFF; --focus-ring: #0057B7; --surface-inverse: #1A1F28; --on-inverse: #E8E6E0; --on-inverse-muted: #9BA3AF; --surface-sunken: #E8E6E0; --shadow-soft: #0000000f; --shadow-strong: #0000001f; --button-face: #0057B7; --on-button-face: #FFFFFF; --surface-footer: #12161D; --logo-offset: #1F1E1C; --image-ground: #053F80; --button-face-inverse: #1C6CC8; --text-2xs: clamp(1.6rem, calc(0.0016666666666666661 * (100vw - 36rem) + 1.6rem), 1.78rem); --text-xs: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --text-s: clamp(2.02rem, calc(0.0021296296296296293 * (100vw - 36rem) + 2.02rem), 2.25rem); --text-m: clamp(2.28rem, calc(0.0023148148148148147 * (100vw - 36rem) + 2.28rem), 2.53rem); --text-l: clamp(2.56rem, calc(0.0026851851851851854 * (100vw - 36rem) + 2.56rem), 2.85rem); --text-xl: clamp(2.88rem, calc(0.0029629629629629654 * (100vw - 36rem) + 2.88rem), 3.2rem); --text-2xl: clamp(3.24rem, calc(0.0033333333333333322 * (100vw - 36rem) + 3.24rem), 3.6rem);}