/* Mathesis themes: light / dark / system x 5 accents. Generated from the Tailwind v4 palette. */
:root {--accent-50: #eef6fc; --accent-100: #d6e9f7; --accent-200: #b0d4ef; --accent-300: #7cb6e2; --accent-400: #4a93d0; --accent-500: #2f77ba; --accent-600: #24609c; --accent-700: #204e7e; --accent-800: #1f4369; --accent-900: #1d3958; }
:root[data-accent="indigo"] {--accent-50: oklch(96.2% 0.018 272.314); --accent-100: oklch(93% 0.034 272.788); --accent-200: oklch(87% 0.065 274.039); --accent-300: oklch(78.5% 0.115 274.713); --accent-400: oklch(67.3% 0.182 276.935); --accent-500: oklch(58.5% 0.233 277.117); --accent-600: oklch(51.1% 0.262 276.966); --accent-700: oklch(45.7% 0.24 277.023); --accent-800: oklch(39.8% 0.195 277.366); --accent-900: oklch(35.9% 0.144 278.697); }
:root[data-accent="violet"] {--accent-50: oklch(96.9% 0.016 293.756); --accent-100: oklch(94.3% 0.029 294.588); --accent-200: oklch(89.4% 0.057 293.283); --accent-300: oklch(81.1% 0.111 293.571); --accent-400: oklch(70.2% 0.183 293.541); --accent-500: oklch(60.6% 0.25 292.717); --accent-600: oklch(54.1% 0.281 293.009); --accent-700: oklch(49.1% 0.27 292.581); --accent-800: oklch(43.2% 0.232 292.759); --accent-900: oklch(38% 0.189 293.745); }
:root[data-accent="teal"] {--accent-50: oklch(98.4% 0.014 180.72); --accent-100: oklch(95.3% 0.051 180.801); --accent-200: oklch(91% 0.096 180.426); --accent-300: oklch(85.5% 0.138 181.071); --accent-400: oklch(77.7% 0.152 181.912); --accent-500: oklch(70.4% 0.14 182.503); --accent-600: oklch(60% 0.118 184.704); --accent-700: oklch(51.1% 0.096 186.391); --accent-800: oklch(43.7% 0.078 188.216); --accent-900: oklch(38.6% 0.063 188.416); }
:root[data-accent="rose"] {--accent-50: oklch(96.9% 0.015 12.422); --accent-100: oklch(94.1% 0.03 12.58); --accent-200: oklch(89.2% 0.058 10.001); --accent-300: oklch(81% 0.117 11.638); --accent-400: oklch(71.2% 0.194 13.428); --accent-500: oklch(64.5% 0.246 16.439); --accent-600: oklch(58.6% 0.253 17.585); --accent-700: oklch(51.4% 0.222 16.935); --accent-800: oklch(45.5% 0.188 13.697); --accent-900: oklch(41% 0.159 10.272); }
:root {--color-brand-50: var(--accent-50); --color-brand-100: var(--accent-100); --color-brand-200: var(--accent-200); --color-brand-300: var(--accent-300); --color-brand-400: var(--accent-400); --color-brand-500: var(--accent-500); --color-brand-600: var(--accent-600); --color-brand-700: var(--accent-700); --color-brand-800: var(--accent-800); --color-brand-900: var(--accent-900); --surface: #fff; --color-canvas: oklch(96.7% 0.001 286.375); }
:root[data-theme="dark"] { color-scheme: dark; --surface: oklch(21% 0.006 285.885); --color-canvas: oklch(14.1% 0.005 285.823); --color-zinc-50: oklch(24.5% 0.006 285.9); --color-zinc-100: oklch(27.4% 0.006 286.033); --color-zinc-200: oklch(37% 0.013 285.805); --color-zinc-300: oklch(44.2% 0.017 285.786); --color-zinc-400: oklch(55.2% 0.016 285.938); --color-zinc-500: oklch(63% 0.016 286); --color-zinc-600: oklch(70.5% 0.015 286.067); --color-zinc-700: oklch(87.1% 0.006 286.286); --color-zinc-800: oklch(92% 0.004 286.32); --color-zinc-900: oklch(96.7% 0.001 286.375); --color-zinc-950: oklch(98.5% 0 none); --color-brand-50: color-mix(in oklab, var(--accent-400) 12%, transparent); --color-brand-100: color-mix(in oklab, var(--accent-400) 20%, transparent); --color-brand-200: var(--accent-300); --color-brand-300: var(--accent-300); --color-brand-400: var(--accent-400); --color-brand-500: var(--accent-500); --color-brand-600: var(--accent-500); --color-brand-700: var(--accent-300); --color-brand-800: var(--accent-200); --color-brand-900: var(--accent-100); --color-emerald-50: color-mix(in oklab, oklch(76.5% 0.177 163.223) 10%, transparent); --color-emerald-100: color-mix(in oklab, oklch(76.5% 0.177 163.223) 16%, transparent); --color-emerald-200: color-mix(in oklab, oklch(76.5% 0.177 163.223) 28%, transparent); --color-emerald-700: oklch(76.5% 0.177 163.223); --color-emerald-800: oklch(84.5% 0.143 164.978); --color-emerald-900: oklch(90.5% 0.093 164.15); --color-amber-50: color-mix(in oklab, oklch(82.8% 0.189 84.429) 10%, transparent); --color-amber-100: color-mix(in oklab, oklch(82.8% 0.189 84.429) 16%, transparent); --color-amber-200: color-mix(in oklab, oklch(82.8% 0.189 84.429) 28%, transparent); --color-amber-700: oklch(82.8% 0.189 84.429); --color-amber-800: oklch(87.9% 0.169 91.605); --color-amber-900: oklch(92.4% 0.12 95.746); --color-rose-50: color-mix(in oklab, oklch(71.2% 0.194 13.428) 10%, transparent); --color-rose-100: color-mix(in oklab, oklch(71.2% 0.194 13.428) 16%, transparent); --color-rose-200: color-mix(in oklab, oklch(71.2% 0.194 13.428) 28%, transparent); --color-rose-700: oklch(71.2% 0.194 13.428); --color-rose-800: oklch(81% 0.117 11.638); --color-rose-900: oklch(89.2% 0.058 10.001); --color-sky-50: color-mix(in oklab, oklch(74.6% 0.16 232.661) 10%, transparent); --color-sky-100: color-mix(in oklab, oklch(74.6% 0.16 232.661) 16%, transparent); --color-sky-200: color-mix(in oklab, oklch(74.6% 0.16 232.661) 28%, transparent); --color-sky-700: oklch(74.6% 0.16 232.661); --color-sky-800: oklch(82.8% 0.111 230.318); --color-sky-900: oklch(90.1% 0.058 230.902); --color-violet-50: color-mix(in oklab, oklch(70.2% 0.183 293.541) 10%, transparent); --color-violet-100: color-mix(in oklab, oklch(70.2% 0.183 293.541) 16%, transparent); --color-violet-200: color-mix(in oklab, oklch(70.2% 0.183 293.541) 28%, transparent); --color-violet-700: oklch(70.2% 0.183 293.541); --color-violet-800: oklch(81.1% 0.111 293.571); --color-violet-900: oklch(89.4% 0.057 293.283); --color-orange-50: color-mix(in oklab, oklch(75% 0.183 55.934) 10%, transparent); --color-orange-100: color-mix(in oklab, oklch(75% 0.183 55.934) 16%, transparent); --color-orange-200: color-mix(in oklab, oklch(75% 0.183 55.934) 28%, transparent); --color-orange-700: oklch(75% 0.183 55.934); --color-orange-800: oklch(83.7% 0.128 66.29); --color-orange-900: oklch(90.1% 0.076 70.697); --color-blue-50: color-mix(in oklab, oklch(70.7% 0.165 254.624) 10%, transparent); --color-blue-100: color-mix(in oklab, oklch(70.7% 0.165 254.624) 16%, transparent); --color-blue-200: color-mix(in oklab, oklch(70.7% 0.165 254.624) 28%, transparent); --color-blue-700: oklch(70.7% 0.165 254.624); --color-blue-800: oklch(80.9% 0.105 251.813); --color-blue-900: oklch(88.2% 0.059 254.128); --color-teal-50: color-mix(in oklab, oklch(77.7% 0.152 181.912) 10%, transparent); --color-teal-100: color-mix(in oklab, oklch(77.7% 0.152 181.912) 16%, transparent); --color-teal-200: color-mix(in oklab, oklch(77.7% 0.152 181.912) 28%, transparent); --color-teal-700: oklch(77.7% 0.152 181.912); --color-teal-800: oklch(85.5% 0.138 181.071); --color-teal-900: oklch(91% 0.096 180.426); --color-indigo-50: color-mix(in oklab, oklch(67.3% 0.182 276.935) 10%, transparent); --color-indigo-100: color-mix(in oklab, oklch(67.3% 0.182 276.935) 16%, transparent); --color-indigo-200: color-mix(in oklab, oklch(67.3% 0.182 276.935) 28%, transparent); --color-indigo-700: oklch(67.3% 0.182 276.935); --color-indigo-800: oklch(78.5% 0.115 274.713); --color-indigo-900: oklch(87% 0.065 274.039); }
[data-theme="dark"] :is([class~="bg-zinc-950"], [class~="bg-zinc-900"], .theme-island) { --color-zinc-50: oklch(98.5% 0 none); --color-zinc-100: oklch(96.7% 0.001 286.375); --color-zinc-200: oklch(92% 0.004 286.32); --color-zinc-300: oklch(87.1% 0.006 286.286); --color-zinc-400: oklch(70.5% 0.015 286.067); --color-zinc-500: oklch(55.2% 0.016 285.938); --color-zinc-600: oklch(44.2% 0.017 285.786); --color-zinc-700: oklch(37% 0.013 285.805); --color-zinc-800: oklch(27.4% 0.006 286.033); --color-zinc-900: oklch(21% 0.006 285.885); --color-zinc-950: oklch(14.1% 0.005 285.823); --color-brand-50: var(--accent-50); --color-brand-100: var(--accent-100); --color-brand-200: var(--accent-200); --color-brand-300: var(--accent-300); --color-brand-400: var(--accent-400); --color-brand-500: var(--accent-500); --color-brand-600: var(--accent-600); --color-brand-700: var(--accent-700); --color-brand-800: var(--accent-800); --color-brand-900: var(--accent-900); --surface: #fff; }
[data-theme="dark"] [class~="bg-white"]:not(:is([class~="bg-zinc-950"], [class~="bg-zinc-900"], .theme-island) *), [data-theme="dark"] [class~="hover:bg-white"]:hover:not(:is([class~="bg-zinc-950"], [class~="bg-zinc-900"], .theme-island) *), [data-theme="dark"] [class~="aria-pressed:bg-white"][aria-pressed="true"]:not(:is([class~="bg-zinc-950"], [class~="bg-zinc-900"], .theme-island) *) { background-color: var(--surface); }
@media (width >= 40rem) { [data-theme="dark"] [class~="sm:bg-white"]:not(:is([class~="bg-zinc-950"], [class~="bg-zinc-900"], .theme-island) *) { background-color: var(--surface); } }
@media (width >= 64rem) { [data-theme="dark"] [class~="lg:bg-white"]:not(:is([class~="bg-zinc-950"], [class~="bg-zinc-900"], .theme-island) *) { background-color: var(--surface); } }
[data-theme="dark"] [class~="ring-white"]:not(:is([class~="bg-zinc-950"], [class~="bg-zinc-900"], .theme-island) *) { --tw-ring-color: var(--surface); }
[data-theme="dark"] [class~="fill-white"]:not(:is([class~="bg-zinc-950"], [class~="bg-zinc-900"], .theme-island) *) { fill: var(--surface); }
[data-theme="dark"] :is(a, button, span)[class~="bg-zinc-950"] { background-color: oklch(37% 0.013 285.805); }
[data-theme="dark"] :is(a, button)[class~="bg-zinc-950"]:hover { background-color: oklch(44.2% 0.017 285.786); }
[data-theme="dark"] :is([class~="bg-zinc-950"], [class~="bg-zinc-900"], .theme-island) { outline: 1px solid rgb(255 255 255 / 0.08); outline-offset: -1px; }
[data-theme="dark"] svg [fill="#fff"] { fill: oklch(27.4% 0.006 286.033); }
[data-theme="dark"] svg [stroke="#d4d4d8"] { stroke: oklch(44.2% 0.017 285.786); }
[data-theme="dark"] svg [fill="#3f3f46"] { fill: oklch(87.1% 0.006 286.286); }
[data-theme="dark"] svg [fill="#b45309"] { fill: oklch(82.8% 0.189 84.429); }
[data-theme="dark"] svg [fill="#1d4ed8"] { fill: oklch(70.7% 0.165 254.624); }