:root { --bricks-color-f7f9fd: #f7f9fd; --bricks-color-dee6f7: #dee6f7; --ultralightblue: #ecf3ff; --lightblue: #d9e7ff; --blueishwhite: #f5f9ff; --logogrey: #b5b3b2; --additionalblue: #358cd2; --toggle: #aaa8a7; --pastellblue: #c9dcff; --primary: oklch(0.6209090526 0.1339991555 246.7227888953); --primary-semi-dark: oklch(0.35 0.119 246.7264045741); --primary-dark: oklch(0.25 0.085 246.7264045741); --primary-ultra-dark: oklch(0.1 0.034 246.7227888953); --primary-semi-light: oklch(0.65 0.134 246.7227888953); --primary-light: oklch(0.85 0.086 246.7198057465); --primary-ultra-light: oklch(0.95 0.028 246.7227888953); --primary-hover: oklch(0.714 0.134 246.7227888953); --secondary: oklch(0.3920125326 0.111162393 250.0683846708); --secondary-semi-dark: oklch(0.35 0.111 250.0683846708); --secondary-dark: oklch(0.25 0.091 250.0683846708); --secondary-ultra-dark: oklch(0.1 0.037 250.0932733498); --secondary-semi-light: oklch(0.65 0.111 250.0683846708); --secondary-light: oklch(0.85 0.084 250.0683846708); --secondary-ultra-light: oklch(0.95 0.027 250.0563648601); --secondary-hover: oklch(0.451 0.111 250.0683846708); --base: oklch(0.2267881724 0.0495193657 258.6875444634); --base-semi-dark: oklch(0.35 0.05 258.6875444634); --base-dark: oklch(0.25 0.05 258.6875444634); --base-ultra-dark: oklch(0.1 0.048 258.6875444634); --base-semi-light: oklch(0.65 0.05 258.6875444634); --base-light: oklch(0.85 0.05 258.6875444634); --base-ultra-light: oklch(0.95 0.026 258.6875444634); --base-hover: oklch(0.261 0.05 258.6875444634); --neutral: oklch(0 0 0); --neutral-semi-dark: oklch(0.35 0 0); --neutral-dark: oklch(0.25 0 0); --neutral-ultra-dark: oklch(0.1 0 0); --neutral-semi-light: oklch(0.65 0 0); --neutral-light: oklch(0.85 0 0); --neutral-ultra-light: oklch(0.95 0 0); --neutral-hover: oklch(0 0 0); --black: #000; --white: #fff;}