: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; --brand-trunk: #32323E; --brand-leaves: #749C75; --brand-leaves-dark: #5A7D5B; --brand-cream: #F8F9FA; --brand-cream-alt: #F1F2F4; --brand-stone: #959393; --brand-water: #00B0C4; --brand-apple: #CC5D35; --brand-sun: #FFCB05; --brand-flower: #D65978; --brand-text-muted: #5C5C68; --brand-border: #E1E3E5; --brand-surface: #FFFFFF; --brand-leaves-darker: #4A6A4B; --color-bg: var(--brand-cream); --color-bg-alt: var(--brand-cream-alt); --color-bg-dark: var(--brand-trunk); --color-surface: var(--brand-surface); --color-text: var(--brand-trunk); --color-text-muted: var(--brand-text-muted); --color-text-subtle: var(--brand-stone); --color-text-on-dark: var(--brand-cream); --color-text-accent: var(--brand-leaves-dark); --color-accent: var(--brand-leaves); --color-accent-hover: var(--brand-leaves-dark); --color-accent-text: var(--brand-surface); --color-border: var(--brand-border); --color-border-strong: var(--brand-stone); --color-highlight: var(--brand-apple); --color-warning: var(--brand-sun); --color-special: var(--brand-flower); --color-info: var(--brand-water); --color-selection-bg: var(--brand-sun); --color-selection-text: var(--brand-trunk);}