: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-lightest: #F6FAFD; --primary-lighter: #DFECF8; --primary-light: #C4DCF3; --primary-main: #0267B3; --primary-dark: #164679; --primary-darker: #0F2A55; --primary-darkest: #001532; --secondary-lightest: #FFF8F2; --secondary-lighter: #FFE6CE; --secondary-light: #FFD1A6; --secondary-main: #F06E0C; --secondary-dark: #B94700; --secondary-darker: #8A3F10; --secondary-darkest: #5E2B0B; --negative-lighter: #F8E2E2; --negative-light: #E89393; --negative-main: #BF3434; --negative-dark: #952828; --negative-darker: #641B1B; --notice-lighter: #FBF3E0; --notice-light: #EECD82; --notice-main: #E0A320; --notice-dark: #A87918; --notice-darker: #6F5010; --positive-lighter: #E5F3EC; --positive-light: #8BBF9F; --positive-main: #297B52; --positive-dark: #216443; --positive-darker: #163D2B; --info-lighter: #DFECF8; --info-light: #C4DCF3; --info-main: #0267B3; --info-dark: #164679; --info-darker: #0F2A55; --neutral-100: #F5F6F7; --neutral-200: #E2E3E5; --neutral-300: #C4C5C8; --neutral-400: #A9AAAD; --neutral-500: #939598; --neutral-600: #737679; --neutral-700: #53565A; --neutral-800: #303C42; --neutral-900: #212A2F; --black: hsl(0, 0%, 10%); --black-t-1: hsla(0, 0%, 10%, 0.1); --black-t-2: hsla(0, 0%, 10%, 0.2); --black-t-3: hsla(0, 0%, 10%, 0.3); --black-t-4: hsla(0, 0%, 10%, 0.4); --black-t-5: hsla(0, 0%, 10%, 0.5); --black-t-6: hsla(0, 0%, 10%, 0.6); --black-t-7: hsla(0, 0%, 10%, 0.7); --black-t-8: hsla(0, 0%, 10%, 0.8); --black-t-9: hsla(0, 0%, 10%, 0.9); --white: hsl(0, 0%, 100%); --white-t-1: hsla(0, 0%, 100%, 0.1); --white-t-2: hsla(0, 0%, 100%, 0.2); --white-t-3: hsla(0, 0%, 100%, 0.3); --white-t-4: hsla(0, 0%, 100%, 0.4); --white-t-5: hsla(0, 0%, 100%, 0.5); --white-t-6: hsla(0, 0%, 100%, 0.6); --white-t-7: hsla(0, 0%, 100%, 0.7); --white-t-8: hsla(0, 0%, 100%, 0.8); --white-t-9: hsla(0, 0%, 100%, 0.9); --transparent: transparent; --text-primary: #0F2A55; --text-secondary: #F06E0C; --text-tertiary: #0267B3; --text-muted: #737679; --text-inverse: #FFFFFF; --text-inverse-muted: #C4C5C8; --text-link: #0267B3; --text-link-hover: #025999; --text-link-visited: #025999; --text-disabled: #939598; --text-info: #0267B3; --text-positive: #297B52; --text-notice: #6F5010; --text-negative: #BF3434; --surface-base: #FFFFFF; --surface-subtle: #F6FAFD; --surface-elevated: #DFECF8; --surface-overlay: #0F2A55; --surface-hover: #F6FAFD; --surface-active: #DFECF8; --surface-selected: #C4DCF3; --surface-primary: #0267B3; --surface-primary-hover: #164679; --surface-primary-active: #0F2A55; --surface-secondary: #F06E0C; --surface-secondary-hover: #B94700; --surface-secondary-active: #8A3F10; --surface-disabled: #E2E3E5; --surface-info: #0267B3; --surface-info-subtle: #DFECF8; --surface-positive: #297B52; --surface-positive-subtle: #E5F3EC; --surface-notice: #6F5010; --surface-notice-subtle: #FBF3E0; --surface-negative: #BF3434; --surface-negative-subtle: #F8E2E2; --surface-white: #ffffff; --surface-black: #000000; --surface-transparent: transparent; --border-default: #C4DCF3; --border-subtle: #DFECF8; --border-primary: #0267B3; --border-primary-dark: #0F2A55; --border-secondary: #F06E0C; --border-secondary-dark: #8A3F10; --border-positive: #8BBF9F; --border-positive-dark: #297B52; --border-notice: #EECD82; --border-notice-dark: #6F5010; --border-negative: #E89393; --border-negative-dark: #BF3434; --border-disabled: #A9AAAD; --overlay: rgba(0,0,0,0.8); --overlay-20: rgba(0,0,0,0.2); --overlay-50: rgba(0,0,0,0.5);}