: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; --almar-navy: #0A1F33; --almar-navy-deep: #061624; --almar-navy-card: #0F2A40; --almar-cream: #EDE7DA; --almar-cream-card: #F7F3EA; --almar-blue-soft: #D4E8F5; --almar-teal: #7FB3C9; --almar-teal-soft: rgba(127,179,201,0.15); --almar-beige: #C4B8A0; --almar-beige-dark: #A89A80; --text-on-dark: #FFFFFF; --text-on-dark-muted: rgba(255,255,255,0.78); --text-on-dark-faint: rgba(255,255,255,0.55); --text-on-light: #0A1F33; --text-on-light-muted: rgba(10,31,51,0.72); --text-on-light-faint: rgba(10,31,51,0.55);}