: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: #1C65AC;--primary-l-1: hsl(210, 72%, 51%);--primary-l-2: hsl(210, 72%, 63%);--primary-l-3: hsl(210, 72%, 76%);--primary-l-4: hsl(210, 72%, 88%);--primary-d-1: hsl(210, 72%, 31%);--primary-d-2: hsl(210, 72%, 24%);--primary-d-3: hsl(210, 72%, 16%);--primary-d-4: hsl(210, 72%, 8%);--secondary: #F5F022;--secondary-d-1: hsl(59, 91%, 44%);--secondary-d-2: hsl(59, 91%, 33%);--secondary-d-3: hsl(59, 91%, 22%);--secondary-d-4: hsl(59, 91%, 11%);--secondary-l-1: hsl(59, 91%, 64%);--secondary-l-2: hsl(59, 91%, 73%);--secondary-l-3: hsl(59, 91%, 82%);--secondary-l-4: hsl(59, 91%, 91%);--olive: #686a40;--olive-light: #75774b;--taupe: #b6a88d;--taupe-light: #d3cab8;--ivory: #f8f1f3;--cream: #f1ece4;--ink: #151a19;--obsidian: #070909;--success: hsla(136, 95%, 56%, 1);--success-l-1: hsl(136, 95%, 65%);--success-l-2: hsl(136, 95%, 74%);--success-l-3: hsl(136, 95%, 82%);--success-l-4: hsl(136, 95%, 91%);--success-d-1: hsl(136, 75%, 45%);--success-d-2: hsl(136, 75%, 34%);--success-d-3: hsl(136, 75%, 22%);--success-d-4: hsl(136, 75%, 11%);--info: hsla(210, 95%, 56%, 1);--info-l-1: hsl(210, 95%, 65%);--info-l-2: hsl(210, 95%, 74%);--info-l-3: hsl(210, 95%, 82%);--info-l-4: hsl(210, 95%, 91%);--info-d-1: hsl(210, 75%, 45%);--info-d-2: hsl(210, 75%, 34%);--info-d-3: hsl(210, 75%, 22%);--info-d-4: hsl(210, 75%, 11%);--warning: hsla(48, 95%, 56%, 1);--warning-d-1: hsl(48, 75%, 45%);--warning-d-2: hsl(48, 75%, 34%);--warning-d-3: hsl(48, 75%, 22%);--warning-d-4: hsl(48, 75%, 11%);--warning-l-1: hsl(48, 95%, 65%);--warning-l-2: hsl(48, 95%, 74%);--warning-l-3: hsl(48, 95%, 82%);--warning-l-4: hsl(48, 95%, 91%);--error: hsla(351, 95%, 56%, 1);--error-l-1: hsl(351, 95%, 65%);--error-l-2: hsl(351, 95%, 74%);--error-l-3: hsl(351, 95%, 82%);--error-l-4: hsl(351, 95%, 91%);--error-d-1: hsl(351, 75%, 45%);--error-d-2: hsl(351, 75%, 34%);--error-d-3: hsl(351, 75%, 22%);--error-d-4: hsl(351, 75%, 11%);--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);--black: hsl(0, 0%, 0%);--black-t-1: hsla(0, 0%, 0%, 0.1);--black-t-2: hsla(0, 0%, 0%, 0.2);--black-t-3: hsla(0, 0%, 0%, 0.3);--black-t-4: hsla(0, 0%, 0%, 0.4);--black-t-5: hsla(0, 0%, 0%, 0.5);--black-t-6: hsla(0, 0%, 0%, 0.6);--black-t-7: hsla(0, 0%, 0%, 0.7);--black-t-8: hsla(0, 0%, 0%, 0.8);--black-t-9: hsla(0, 0%, 0%, 0.9);--color-heading: var(--obsidian);--color-title: var(--obsidian);--color-paragraph: var(--ink);--color-muted: var(--black-t-7);--color-inline-link: var(--primary);--color-inline-link-hover: var(--primary-l-1);--color-action-link: var(--color-heading);--color-action-link-hover: var(--primary);--color-navigation-link: var(--color-heading);--color-navigation-link-hover: var(--primary);--color-background: var(--ivory);--color-background-alt: var(--cream);--color-surface: var(--ivory);--color-surface-alt: var(--cream);--color-surface-muted: var(--taupe-light);--color-surface-dark: var(--ink);--color-border: var(--black-t-1);--color-border-hover: var(--black-t-2);--color-border-light: var(--white-t-1);--color-shadow: hsla(0, 0%, 0%, 0.05);--color-shadow-hover: var(--black-t-1);--color-shadow-light: var(--white-t-1);--color-brand-primary: var(--primary);--color-brand-primary-hover: var(--primary-l-1);--color-brand-primary-soft: var(--primary-l-4);--color-brand-primary-strong: var(--primary-d-3);--color-brand-secondary: var(--secondary);--color-brand-secondary-hover: var(--secondary-l-1);--color-brand-secondary-soft: var(--secondary-l-4);--color-brand-secondary-strong: var(--secondary-d-3);--color-accent: var(--primary);--color-accent-hover: var(--primary-d-1);--color-accent-light: var(--primary-l-3);--color-accent-dark: var(--primary-d-3);--color-inverse-heading: var(--ivory);--color-inverse-title: var(--ivory);--color-inverse-paragraph: var(--taupe-light);--color-inverse-muted: var(--taupe);--color-inverse-inline-link: var(--primary-l-2);--color-inverse-inline-link-hover: var(--primary-l-1);--color-inverse-action-link: var(--color-heading);--color-inverse-action-link-hover: var(--primary-l-2);--color-inverse-navigation-link: var(--color-inverse-heading);--color-inverse-navigation-link-hover: var(--primary-l-2);}