:root { --background: oklch(0.9848 0 0); --foreground: oklch(0.3316 0.0822 149.9241); --card: oklch(1.0000 0 0); --card-foreground: oklch(0.3316 0.0822 149.9241); --popover: oklch(1.0000 0 0); --popover-foreground: oklch(0.3316 0.0822 149.9241); --primary: oklch(0.6571 0.1775 148.6880); --primary-foreground: oklch(0.9848 0 0); --secondary: oklch(0.9234 0 0); --secondary-foreground: oklch(0.4014 0.1030 149.4694); --muted: oklch(0.9619 0 0); --muted-foreground: oklch(0.5547 0 0); --accent: oklch(0.8983 0.0319 156.5217); --accent-foreground: oklch(0.4014 0.1030 149.4694); --destructive: oklch(0.5714 0.2121 27.2502); --destructive-foreground: oklch(0.9848 0 0); --border: oklch(0.9079 0 0); --input: oklch(0.9389 0 0); --ring: oklch(0.6571 0.1775 148.6880); --chart-1: oklch(0.6571 0.1775 148.6880); --chart-2: oklch(0.7551 0.1452 165.3680); --chart-3: oklch(0.7768 0.1518 136.1516); --chart-4: oklch(0.7375 0.1089 195.0507); --chart-5: oklch(0.6992 0.0697 230.7219); --sidebar: oklch(1.0000 0 0); --sidebar-foreground: oklch(0.3316 0.0822 149.9241); --sidebar-primary: oklch(0.6571 0.1775 148.6880); --sidebar-primary-foreground: oklch(0.9848 0 0); --sidebar-accent: oklch(0.8983 0.0319 156.5217); --sidebar-accent-foreground: oklch(0.4014 0.1030 149.4694); --sidebar-border: oklch(0.9079 0 0); --sidebar-ring: oklch(0.6571 0.1775 148.6880); --font-sans: 'Inter', sans-serif; --font-serif: 'Lora', serif; --font-mono: 'Fira Code', monospace; --radius: 0.5rem; --shadow-x: 0rem; --shadow-y: 0.25rem; --shadow-blur: 0.5rem; --shadow-spread: -0.125rem; --shadow-opacity: 0.1; --shadow-color: hsl(0, 0%, 50%); --shadow-2xs: 0rem 0.25rem 0.5rem -0.125rem hsl(0 0% 50% / 0.05); --shadow-xs: 0rem 0.25rem 0.5rem -0.125rem hsl(0 0% 50% / 0.05); --shadow-sm: 0rem 0.25rem 0.5rem -0.125rem hsl(0 0% 50% / 0.10), 0rem 1px 2px -1.125px hsl(0 0% 50% / 0.10); --shadow: 0rem 0.25rem 0.5rem -0.125rem hsl(0 0% 50% / 0.10), 0rem 1px 2px -1.125px hsl(0 0% 50% / 0.10); --shadow-md: 0rem 0.25rem 0.5rem -0.125rem hsl(0 0% 50% / 0.10), 0rem 2px 4px -1.125px hsl(0 0% 50% / 0.10); --shadow-lg: 0rem 0.25rem 0.5rem -0.125rem hsl(0 0% 50% / 0.10), 0rem 4px 6px -1.125px hsl(0 0% 50% / 0.10); --shadow-xl: 0rem 0.25rem 0.5rem -0.125rem hsl(0 0% 50% / 0.10), 0rem 8px 10px -1.125px hsl(0 0% 50% / 0.10); --shadow-2xl: 0rem 0.25rem 0.5rem -0.125rem hsl(0 0% 50% / 0.25); --tracking-normal: -0.015em; --spacing: 0.25rem;}.dark { --background: oklch(0.1579 0 0); --foreground: oklch(0.9633 0.0035 157.1903); --card: oklch(0.1930 0 0); --card-foreground: oklch(0.9633 0.0035 157.1903); --popover: oklch(0.1930 0 0); --popover-foreground: oklch(0.9633 0.0035 157.1903); --primary: oklch(0.7450 0.1897 149.5728); --primary-foreground: oklch(0.1579 0 0); --secondary: oklch(0.3211 0 0); --secondary-foreground: oklch(0.9263 0.0071 157.1087); --muted: oklch(0.2697 0 0); --muted-foreground: oklch(0.7652 0 0); --accent: oklch(0.4198 0.0792 152.4010); --accent-foreground: oklch(0.9263 0.0071 157.1087); --destructive: oklch(0.5714 0.2121 27.2502); --destructive-foreground: oklch(0.9848 0 0); --border: oklch(0.3705 0 0); --input: oklch(0.3008 0 0); --ring: oklch(0.7450 0.1897 149.5728); --radius: 0.5rem; --shadow-x: 0rem; --shadow-y: 0.25rem; --shadow-blur: 0.5rem; --shadow-spread: -0.125rem; --shadow-opacity: 0.4; --shadow-color: hsl(0, 0%, 0%); --shadow-2xs: 0rem 0.25rem 0.5rem -0.125rem hsl(0 0% 0% / 0.20); --shadow-xs: 0rem 0.25rem 0.5rem -0.125rem hsl(0 0% 0% / 0.20); --shadow-sm: 0rem 0.25rem 0.5rem -0.125rem hsl(0 0% 0% / 0.40), 0rem 1px 2px -1.125px hsl(0 0% 0% / 0.40); --shadow: 0rem 0.25rem 0.5rem -0.125rem hsl(0 0% 0% / 0.40), 0rem 1px 2px -1.125px hsl(0 0% 0% / 0.40); --shadow-md: 0rem 0.25rem 0.5rem -0.125rem hsl(0 0% 0% / 0.40), 0rem 2px 4px -1.125px hsl(0 0% 0% / 0.40); --shadow-lg: 0rem 0.25rem 0.5rem -0.125rem hsl(0 0% 0% / 0.40), 0rem 4px 6px -1.125px hsl(0 0% 0% / 0.40); --shadow-xl: 0rem 0.25rem 0.5rem -0.125rem hsl(0 0% 0% / 0.40), 0rem 8px 10px -1.125px hsl(0 0% 0% / 0.40); --shadow-2xl: 0rem 0.25rem 0.5rem -0.125rem hsl(0 0% 0% / 1.00);}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) .bricks-color-light {color: var(--light)}:where(:root) .bricks-background-light {background-color: var(--light)}:where(:root) .bricks-color-dark {color: var(--dark)}:where(:root) .bricks-background-dark {background-color: var(--dark)}:where(:root) .bricks-color-muted {color: var(--muted)}:where(:root) .bricks-background-muted {background-color: var(--muted)}:where(:root) * {border-color: var(--border)}:where(:root) .bricks-color-info {color: var(--info)}:where(:root) .bricks-background-info {background-color: var(--info)}:where(:root) .bricks-color-success {color: var(--success)}:where(:root) .bricks-background-success {background-color: var(--success)}:where(:root) .bricks-color-warning {color: var(--warning)}:where(:root) .bricks-background-warning {background-color: var(--warning)}:where(:root) .bricks-color-danger {color: var(--danger)}:where(:root) .bricks-background-danger {background-color: var(--danger)}