: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;
    --color-black: oklch(0.252 0 89.876);
    --color-white: oklch(0.991 0 89.876);
    --color-gray: oklch(from var(--color-black) l c h / .55);;
    --color-primary: oklch(0.451 0.267 268.814);
    --color-secondary: oklch(88.2% 0.059 254.128);
    --color-accent-1: oklch(0.816 0.075 218.003);
    --color-accent-2: oklch(0.887 0.177 94.805);
    --color-accent-3: oklch(0.844 0.089 7.698);
    --bg-primary: oklch(0.97 0.005 95.1);
    --bg-secondary: oklch(0.959 0.018 258.353);
    --bg-accent-2: oklch(from var(--color-accent-2) l c h / .55);
}