: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: #5E7D2C; --secondary: #115664; --light: #FAF7F2; --dark: #1C1C1A; --dark-d-1: #151514; --dark-d-2: #0e0e0d; --dark-d-3: #070707; --dark-l-1: #555553; --dark-l-2: #8e8e8d; --dark-l-3: #c6c6c6; --secondary-l-1: #4d808b; --secondary-l-2: #88abb2; --secondary-l-3: #c4d5d8; --secondary-d-1: #0d414b; --secondary-d-2: #092b32; --secondary-d-3: #041619; --secondary-t-1: hsla(190, 71%, 23%, 0.25); --secondary-t-2: hsla(190, 71%, 23%, 0.5); --secondary-t-3: hsla(190, 71%, 23%, 0.75); --primary-l-1: #869e61; --primary-l-2: #afbe96; --primary-l-3: #d7dfca; --primary-d-1: #475e21; --primary-d-2: #2f3f16; --primary-d-3: #181f0b; --primary-t-1: hsla(83, 48%, 33%, 0.25); --primary-t-2: hsla(83, 48%, 33%, 0.5); --primary-t-3: hsla(83, 48%, 33%, 0.75); --light-t-1: hsla(38, 44%, 96%, 0.25); --light-t-2: hsla(38, 44%, 96%, 0.5); --light-t-3: hsla(38, 44%, 96%, 0.75); --light-d-1: #bcb9b6; --light-d-2: #7d7c79; --light-d-3: #3f3e3d; --light-l-1: #fbf9f5; --light-l-2: #fdfbf9; --light-l-3: #fefdfc; --dark-t-1: hsla(60, 4%, 11%, 0.25); --dark-t-2: hsla(60, 4%, 11%, 0.5); --dark-t-3: hsla(60, 4%, 11%, 0.75); --muted: #6B6B68; --muted-t-1: hsla(60, 1%, 41%, 0.25); --muted-t-2: hsla(60, 1%, 41%, 0.5); --muted-t-3: hsla(60, 1%, 41%, 0.75); --muted-d-1: #50504e; --muted-d-2: #363634; --muted-d-3: #1b1b1a; --muted-l-1: #90908e; --muted-l-2: #b5b5b4; --muted-l-3: #dadad9; --border: #E8E5DC; --border-l-1: #eeece5; --border-l-2: #f4f2ee; --border-l-3: #f9f9f6; --border-d-1: #aeaca5; --border-d-2: #74736e; --border-d-3: #3a3937; --border-t-1: hsla(45, 21%, 89%, 0.25); --border-t-2: hsla(45, 21%, 89%, 0.5); --border-t-3: hsla(45, 21%, 89%, 0.75); --info: #115664; --info-l-1: #4d808b; --info-l-2: #88abb2; --info-l-3: #c4d5d8; --info-d-1: #0d414b; --info-d-2: #092b32; --info-d-3: #041619; --info-t-1: hsla(190, 71%, 23%, 0.25); --info-t-2: hsla(190, 71%, 23%, 0.5); --info-t-3: hsla(190, 71%, 23%, 0.75); --success: #759B38; --success-l-1: #98b46a; --success-l-2: #bacd9c; --success-l-3: #dde6cd; --success-d-1: #58742a; --success-d-2: #3b4e1c; --success-d-3: #1d270e; --success-t-1: hsla(83, 47%, 41%, 0.25); --success-t-2: hsla(83, 47%, 41%, 0.5); --success-t-3: hsla(83, 47%, 41%, 0.75); --warning: #C05227; --warning-l-1: #d07d5d; --warning-l-2: #e0a993; --warning-l-3: #efd4c9; --warning-d-1: #903e1d; --warning-d-2: #602914; --warning-d-3: #30150a; --warning-t-1: hsla(17, 66%, 45%, 0.25); --warning-t-2: hsla(17, 66%, 45%, 0.5); --warning-t-3: hsla(17, 66%, 45%, 0.75); --danger: #9F4220; --danger-t-1: hsla(16, 66%, 37%, 0.25); --danger-t-2: hsla(16, 66%, 37%, 0.5); --danger-t-3: hsla(16, 66%, 37%, 0.75); --danger-d-1: #773218; --danger-d-2: #502110; --danger-d-3: #281108; --danger-l-1: #b77158; --danger-l-2: #cfa190; --danger-l-3: #e7d0c7; --creamy: #F8EFE5; --creamy-l-1: #faf3ec; --creamy-l-2: #fcf7f2; --creamy-l-3: #fdfbf9; --creamy-d-1: #bab3ac; --creamy-d-2: #7c7873; --creamy-d-3: #3e3c39; --creamy-t-1: hsla(32, 58%, 94%, 0.25); --creamy-t-2: hsla(32, 58%, 94%, 0.5); --creamy-t-3: hsla(32, 58%, 94%, 0.75); --charcoal: #2c2c2c; --charcoal-l-1: #616161; --charcoal-l-2: #969696; --charcoal-l-3: #cacaca; --charcoal-d-1: #212121; --charcoal-d-2: #161616; --charcoal-d-3: #0b0b0b; --charcoal-t-1: hsla(0, 0%, 17%, 0.25); --charcoal-t-2: hsla(0, 0%, 17%, 0.5); --charcoal-t-3: hsla(0, 0%, 17%, 0.75); --gold: #D4AF7A; --gold-l-1: #dfc39b; --gold-l-2: #ead7bd; --gold-l-3: #f4ebde; --gold-d-1: #9f835c; --gold-d-2: #6a583d; --gold-d-3: #352c1f; --gold-t-1: hsla(35, 51%, 65%, 0.25); --gold-t-2: hsla(35, 51%, 65%, 0.5); --gold-t-3: hsla(35, 51%, 65%, 0.75);}