: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: #12491D; --primary-d-10: #0E3B17; --primary-d-20: #082610; --primary-d-30: #041408; --secondary: #FF8001; --secondary-d-10: #E56F00; --secondary-d-20: #B85A00; --secondary-d-30: #7A3D00; --accent: #6FBC28; --accent-d-10: #5AA01F; --accent-d-20: #3F7A16; --accent-d-30: #2A4F10; --primary-l1: #eef3f7; --text: #4a5565; --light: #fff; --dark: #3c3c3b; --dark-l1: #f6f3f4; --arrow: rgba(60, 60, 59, 0.18); --primary-l2: #dce6ed; --dark-l2: #f7f7f7; --primary-l3: #fafdff; --primary-d1: #b2c7d1; --border: #e5e5e5; --dark-d1: #575756; --text-dark: #101828; --transparent: hsla(0, 0%, 100%, 0); --gray-50: oklch(98.5% .002 247.839); --gray-90: oklch(21% .034 264.665); --gray-30: oklch(87.2% .01 258.338); --gray-70: oklch(37.3% .034 259.733); --primary-10: #dcfce7; --primary-50: oklch(98.2% .018 155.826); --gray-10: oklch(96.7% .003 264.542); --gray-80: #666666; --spacing: .4rem; --space-8: .8rem; --space-12: 1.2rem; --space-16: 1.6rem; --space-24: 2.4rem; --space-32: 3.2rem; --space-40: 4rem; --space-48: 4.8rem; --space-64: 6.4rem; --space-80: 8rem; --space-128: 12.8rem;}