: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; --bg: #ffffff; --bg-subtle: #f5f7f6; --surface: #ffffff; --surface-raised: #ffffff; --surface-brand: #10614d; --surface-brand-deep: #105242; --overlay: rgba(18,77,62,0.72); --text: #181c1a; --text-body: #3f4442; --text-muted: #707674; --text-muted-strong: #575c5a; --text-brand: #124d3e; --text-on-brand: #ffffff; --link: #10614d; --link-hover: #124d3e; --border: #dce1df; --border-strong: #8b918e; --focus-ring: #10614d; --focus-ring-on-brand: #73dee9; --primary: #10614d; --primary-hover: #105242; --primary-active: #124d3e; --on-primary: #ffffff; --primary-soft: #eafbf5; --on-primary-soft: #10614d; --primary-border: #b8eddb; --accent: #6ce6ab; --accent-hover: #99f7c6; --on-accent: #124d3e; --accent-text: #086c46; --accent-soft: #e7fdf0; --secondary: #066770; --on-secondary: #ffffff; --secondary-soft: #e7fcfe; --secondary-text: #066770; --secondary-on-dark: #73dee9; --success-fg: #076e2b; --success-bg: #eafdec; --success-border: #aff4b8; --success-solid: #168c3b; --warning-fg: #874805; --warning-bg: #fff5ed; --warning-border: #ffd7ba; --warning-solid: #ac5d05; --error-fg: #a22528; --error-bg: #fff4f3; --error-border: #fed4d0; --error-solid: #c93839; --info-fg: #025f98; --info-bg: #f0f8ff; --info-border: #c5e4ff; --info-solid: #017ac0; --color-primary-50: #eafbf5; --color-primary-100: #d5f8eb; --color-primary-200: #b8eddb; --color-primary-300: #97dbc5; --color-primary-400: #6ec1a7; --color-primary-500: #42a388; --color-primary-600: #2f856e; --color-primary-700: #10614d; --color-primary-800: #124d3e; --color-primary-900: #0c362b; --color-primary-950: #062019; --color-accent-50: #e7fdf0; --color-accent-100: #c3ffdd; --color-accent-200: #99f7c6; --color-accent-300: #6ce6ab; --color-accent-400: #3eca8d; --color-accent-500: #0aa970; --color-accent-600: #018a5a; --color-accent-700: #086c46; --color-accent-800: #055032; --color-accent-900: #023822; --color-accent-950: #072014; --color-secondary-50: #e7fcfe; --color-secondary-100: #cdf8fd; --color-secondary-200: #a1eff8; --color-secondary-300: #73dee9; --color-secondary-400: #24c4d3; --color-secondary-500: #15a2ae; --color-secondary-600: #01848f; --color-secondary-700: #066770; --color-secondary-800: #004c53; --color-secondary-900: #01353a; --color-secondary-950: #001f23; --color-neutral-50: #f5f7f6; --color-neutral-100: #ecefee; --color-neutral-200: #dce1df; --color-neutral-300: #c6ccca; --color-neutral-400: #a9b0ad; --color-neutral-500: #8b918e; --color-neutral-600: #707674; --color-neutral-700: #575c5a; --color-neutral-800: #3f4442; --color-neutral-900: #2b2f2d; --color-neutral-950: #181c1a; --color-success-50: #eafdec; --color-success-100: #d0fcd4; --color-success-200: #aff4b8; --color-success-300: #8ae398; --color-success-400: #60c874; --color-success-500: #37a953; --color-success-600: #168c3b; --color-success-700: #076e2b; --color-success-800: #04511d; --color-success-900: #093816; --color-success-950: #0c2010; --color-warning-50: #fff5ed; --color-warning-100: #ffeadb; --color-warning-200: #ffd7ba; --color-warning-300: #ffb985; --color-warning-400: #f9902e; --color-warning-500: #d37202; --color-warning-600: #ac5d05; --color-warning-700: #874805; --color-warning-800: #643403; --color-warning-900: #472301; --color-warning-950: #281506; --color-error-50: #fff4f3; --color-error-100: #ffe9e6; --color-error-200: #fed4d0; --color-error-300: #feb5ae; --color-error-400: #fd857e; --color-error-500: #ed5350; --color-error-600: #c93839; --color-error-700: #a22528; --color-error-800: #781a1c; --color-error-900: #511716; --color-error-950: #2b1311; --color-info-50: #f0f8ff; --color-info-100: #e1f1ff; --color-info-200: #c5e4ff; --color-info-300: #9bd1ff; --color-info-400: #5bb6fe; --color-info-500: #1096e9; --color-info-600: #017ac0; --color-info-700: #025f98; --color-info-800: #034671; --color-info-900: #003051; --color-info-950: #091c2c; --color-pine-canvas: #0d1915; --color-pine-subtle: #13201c; --color-pine-surface: #1a2723; --color-pine-raised: #24312d; --color-pine-line: #33413c; --color-pine-line-strong: #667670;}