/* * Kurki WMS light and dark themes. GENERATED by scripts/theme/build_theme_css.py * from the vendored Tailwind 4.3.3 palette; edit the script, not this file. * * Light is bare :root. Dark applies when the user chose it * (data-theme="dark" on , set from their profile before the page * draws) or chose "Match system" and the device is dark. */ @font-face { font-family: "Figtree"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("../fonts/figtree-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Figtree"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("../fonts/figtree-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/plex-mono-400.woff2") format("woff2"); } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/plex-mono-500.woff2") format("woff2"); } :root { --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-800: oklch(27.8% 0.033 256.848); --color-gray-900: oklch(21% 0.034 264.665); --color-gray-950: oklch(13% 0.028 261.692); --color-slate-50: oklch(98.5% 0.002 247.839); --color-slate-100: oklch(96.7% 0.003 264.542); --color-slate-200: oklch(92.8% 0.006 264.531); --color-slate-300: oklch(87.2% 0.01 258.338); --color-slate-400: oklch(70.7% 0.022 261.325); --color-slate-500: oklch(55.1% 0.027 264.364); --color-slate-600: oklch(44.6% 0.03 256.802); --color-slate-700: oklch(37.3% 0.034 259.733); --color-slate-800: oklch(27.8% 0.033 256.848); --color-slate-900: oklch(21% 0.034 264.665); --color-slate-950: oklch(13% 0.028 261.692); --color-zinc-50: oklch(98.5% 0.002 247.839); --color-zinc-100: oklch(96.7% 0.003 264.542); --color-zinc-200: oklch(92.8% 0.006 264.531); --color-zinc-300: oklch(87.2% 0.01 258.338); --color-zinc-400: oklch(70.7% 0.022 261.325); --color-zinc-500: oklch(55.1% 0.027 264.364); --color-zinc-600: oklch(44.6% 0.03 256.802); --color-zinc-700: oklch(37.3% 0.034 259.733); --color-zinc-800: oklch(27.8% 0.033 256.848); --color-zinc-900: oklch(21% 0.034 264.665); --color-zinc-950: oklch(13% 0.028 261.692); --color-neutral-50: oklch(98.5% 0.002 247.839); --color-neutral-100: oklch(96.7% 0.003 264.542); --color-neutral-200: oklch(92.8% 0.006 264.531); --color-neutral-300: oklch(87.2% 0.01 258.338); --color-neutral-400: oklch(70.7% 0.022 261.325); --color-neutral-500: oklch(55.1% 0.027 264.364); --color-neutral-600: oklch(44.6% 0.03 256.802); --color-neutral-700: oklch(37.3% 0.034 259.733); --color-neutral-800: oklch(27.8% 0.033 256.848); --color-neutral-900: oklch(21% 0.034 264.665); --color-neutral-950: oklch(13% 0.028 261.692); --color-stone-50: oklch(98.5% 0.002 247.839); --color-stone-100: oklch(96.7% 0.003 264.542); --color-stone-200: oklch(92.8% 0.006 264.531); --color-stone-300: oklch(87.2% 0.01 258.338); --color-stone-400: oklch(70.7% 0.022 261.325); --color-stone-500: oklch(55.1% 0.027 264.364); --color-stone-600: oklch(44.6% 0.03 256.802); --color-stone-700: oklch(37.3% 0.034 259.733); --color-stone-800: oklch(27.8% 0.033 256.848); --color-stone-900: oklch(21% 0.034 264.665); --color-stone-950: oklch(13% 0.028 261.692); --color-blue-50: oklch(97% 0.014 254.604); --color-blue-100: oklch(93.2% 0.032 255.585); --color-blue-200: oklch(88.2% 0.059 254.128); --color-blue-300: oklch(80.9% 0.105 251.813); --color-blue-400: oklch(70.7% 0.165 254.624); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-600: #2F6FE4; --color-blue-700: #1F55BD; --color-blue-800: oklch(42.4% 0.199 265.638); --color-blue-900: oklch(37.9% 0.146 265.522); --color-blue-950: oklch(28.2% 0.091 267.935); --color-indigo-50: oklch(97% 0.014 254.604); --color-indigo-100: oklch(93.2% 0.032 255.585); --color-indigo-200: oklch(88.2% 0.059 254.128); --color-indigo-300: oklch(80.9% 0.105 251.813); --color-indigo-400: oklch(70.7% 0.165 254.624); --color-indigo-500: oklch(62.3% 0.214 259.815); --color-indigo-600: #2F6FE4; --color-indigo-700: #1F55BD; --color-indigo-800: oklch(42.4% 0.199 265.638); --color-indigo-900: oklch(37.9% 0.146 265.522); --color-indigo-950: oklch(28.2% 0.091 267.935); --color-violet-50: oklch(97% 0.014 254.604); --color-violet-100: oklch(93.2% 0.032 255.585); --color-violet-200: oklch(88.2% 0.059 254.128); --color-violet-300: oklch(80.9% 0.105 251.813); --color-violet-400: oklch(70.7% 0.165 254.624); --color-violet-500: oklch(62.3% 0.214 259.815); --color-violet-600: #2F6FE4; --color-violet-700: #1F55BD; --color-violet-800: oklch(42.4% 0.199 265.638); --color-violet-900: oklch(37.9% 0.146 265.522); --color-violet-950: oklch(28.2% 0.091 267.935); --color-purple-50: oklch(97% 0.014 254.604); --color-purple-100: oklch(93.2% 0.032 255.585); --color-purple-200: oklch(88.2% 0.059 254.128); --color-purple-300: oklch(80.9% 0.105 251.813); --color-purple-400: oklch(70.7% 0.165 254.624); --color-purple-500: oklch(62.3% 0.214 259.815); --color-purple-600: #2F6FE4; --color-purple-700: #1F55BD; --color-purple-800: oklch(42.4% 0.199 265.638); --color-purple-900: oklch(37.9% 0.146 265.522); --color-purple-950: oklch(28.2% 0.091 267.935); --color-sky-50: oklch(97% 0.014 254.604); --color-sky-100: oklch(93.2% 0.032 255.585); --color-sky-200: oklch(88.2% 0.059 254.128); --color-sky-300: oklch(80.9% 0.105 251.813); --color-sky-400: oklch(70.7% 0.165 254.624); --color-sky-500: oklch(62.3% 0.214 259.815); --color-sky-600: #2F6FE4; --color-sky-700: #1F55BD; --color-sky-800: oklch(42.4% 0.199 265.638); --color-sky-900: oklch(37.9% 0.146 265.522); --color-sky-950: oklch(28.2% 0.091 267.935); --color-cyan-50: oklch(97% 0.014 254.604); --color-cyan-100: oklch(93.2% 0.032 255.585); --color-cyan-200: oklch(88.2% 0.059 254.128); --color-cyan-300: oklch(80.9% 0.105 251.813); --color-cyan-400: oklch(70.7% 0.165 254.624); --color-cyan-500: oklch(62.3% 0.214 259.815); --color-cyan-600: #2F6FE4; --color-cyan-700: #1F55BD; --color-cyan-800: oklch(42.4% 0.199 265.638); --color-cyan-900: oklch(37.9% 0.146 265.522); --color-cyan-950: oklch(28.2% 0.091 267.935); --color-primary-50: oklch(97% 0.014 254.604); --color-primary-100: oklch(93.2% 0.032 255.585); --color-primary-200: oklch(88.2% 0.059 254.128); --color-primary-300: oklch(80.9% 0.105 251.813); --color-primary-400: oklch(70.7% 0.165 254.624); --color-primary-500: oklch(62.3% 0.214 259.815); --color-primary-600: #2F6FE4; --color-primary-700: #1F55BD; --color-primary-800: oklch(42.4% 0.199 265.638); --color-primary-900: oklch(37.9% 0.146 265.522); --color-primary-950: oklch(28.2% 0.091 267.935); --color-green-50: oklch(98.2% 0.018 155.826); --color-green-100: oklch(96.2% 0.044 156.743); --color-green-200: oklch(92.5% 0.084 155.995); --color-green-300: oklch(87.1% 0.15 154.449); --color-green-400: oklch(79.2% 0.209 151.711); --color-green-500: oklch(72.3% 0.219 149.579); --color-green-600: oklch(62.7% 0.194 149.214); --color-green-700: oklch(52.7% 0.154 150.069); --color-green-800: oklch(44.8% 0.119 151.328); --color-green-900: oklch(39.3% 0.095 152.535); --color-green-950: oklch(26.6% 0.065 152.934); --color-emerald-50: oklch(98.2% 0.018 155.826); --color-emerald-100: oklch(96.2% 0.044 156.743); --color-emerald-200: oklch(92.5% 0.084 155.995); --color-emerald-300: oklch(87.1% 0.15 154.449); --color-emerald-400: oklch(79.2% 0.209 151.711); --color-emerald-500: oklch(72.3% 0.219 149.579); --color-emerald-600: oklch(62.7% 0.194 149.214); --color-emerald-700: oklch(52.7% 0.154 150.069); --color-emerald-800: oklch(44.8% 0.119 151.328); --color-emerald-900: oklch(39.3% 0.095 152.535); --color-emerald-950: oklch(26.6% 0.065 152.934); --color-teal-50: oklch(98.2% 0.018 155.826); --color-teal-100: oklch(96.2% 0.044 156.743); --color-teal-200: oklch(92.5% 0.084 155.995); --color-teal-300: oklch(87.1% 0.15 154.449); --color-teal-400: oklch(79.2% 0.209 151.711); --color-teal-500: oklch(72.3% 0.219 149.579); --color-teal-600: oklch(62.7% 0.194 149.214); --color-teal-700: oklch(52.7% 0.154 150.069); --color-teal-800: oklch(44.8% 0.119 151.328); --color-teal-900: oklch(39.3% 0.095 152.535); --color-teal-950: oklch(26.6% 0.065 152.934); --color-lime-50: oklch(98.2% 0.018 155.826); --color-lime-100: oklch(96.2% 0.044 156.743); --color-lime-200: oklch(92.5% 0.084 155.995); --color-lime-300: oklch(87.1% 0.15 154.449); --color-lime-400: oklch(79.2% 0.209 151.711); --color-lime-500: oklch(72.3% 0.219 149.579); --color-lime-600: oklch(62.7% 0.194 149.214); --color-lime-700: oklch(52.7% 0.154 150.069); --color-lime-800: oklch(44.8% 0.119 151.328); --color-lime-900: oklch(39.3% 0.095 152.535); --color-lime-950: oklch(26.6% 0.065 152.934); --color-amber-50: oklch(98.7% 0.022 95.277); --color-amber-100: oklch(96.2% 0.059 95.617); --color-amber-200: oklch(92.4% 0.12 95.746); --color-amber-300: oklch(87.9% 0.169 91.605); --color-amber-400: oklch(82.8% 0.189 84.429); --color-amber-500: oklch(76.9% 0.188 70.08); --color-amber-600: oklch(66.6% 0.179 58.318); --color-amber-700: oklch(55.5% 0.163 48.998); --color-amber-800: oklch(47.3% 0.137 46.201); --color-amber-900: oklch(41.4% 0.112 45.904); --color-amber-950: oklch(27.9% 0.077 45.635); --color-yellow-50: oklch(98.7% 0.022 95.277); --color-yellow-100: oklch(96.2% 0.059 95.617); --color-yellow-200: oklch(92.4% 0.12 95.746); --color-yellow-300: oklch(87.9% 0.169 91.605); --color-yellow-400: oklch(82.8% 0.189 84.429); --color-yellow-500: oklch(76.9% 0.188 70.08); --color-yellow-600: oklch(66.6% 0.179 58.318); --color-yellow-700: oklch(55.5% 0.163 48.998); --color-yellow-800: oklch(47.3% 0.137 46.201); --color-yellow-900: oklch(41.4% 0.112 45.904); --color-yellow-950: oklch(27.9% 0.077 45.635); --color-orange-50: oklch(98.7% 0.022 95.277); --color-orange-100: oklch(96.2% 0.059 95.617); --color-orange-200: oklch(92.4% 0.12 95.746); --color-orange-300: oklch(87.9% 0.169 91.605); --color-orange-400: oklch(82.8% 0.189 84.429); --color-orange-500: oklch(76.9% 0.188 70.08); --color-orange-600: oklch(66.6% 0.179 58.318); --color-orange-700: oklch(55.5% 0.163 48.998); --color-orange-800: oklch(47.3% 0.137 46.201); --color-orange-900: oklch(41.4% 0.112 45.904); --color-orange-950: oklch(27.9% 0.077 45.635); --color-red-50: oklch(97.1% 0.013 17.38); --color-red-100: oklch(93.6% 0.032 17.717); --color-red-200: oklch(88.5% 0.062 18.334); --color-red-300: oklch(80.8% 0.114 19.571); --color-red-400: oklch(70.4% 0.191 22.216); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-red-700: oklch(50.5% 0.213 27.518); --color-red-800: oklch(44.4% 0.177 26.899); --color-red-900: oklch(39.6% 0.141 25.723); --color-red-950: oklch(25.8% 0.092 26.042); --color-rose-50: oklch(97.1% 0.013 17.38); --color-rose-100: oklch(93.6% 0.032 17.717); --color-rose-200: oklch(88.5% 0.062 18.334); --color-rose-300: oklch(80.8% 0.114 19.571); --color-rose-400: oklch(70.4% 0.191 22.216); --color-rose-500: oklch(63.7% 0.237 25.331); --color-rose-600: oklch(57.7% 0.245 27.325); --color-rose-700: oklch(50.5% 0.213 27.518); --color-rose-800: oklch(44.4% 0.177 26.899); --color-rose-900: oklch(39.6% 0.141 25.723); --color-rose-950: oklch(25.8% 0.092 26.042); --color-pink-50: oklch(97.1% 0.013 17.38); --color-pink-100: oklch(93.6% 0.032 17.717); --color-pink-200: oklch(88.5% 0.062 18.334); --color-pink-300: oklch(80.8% 0.114 19.571); --color-pink-400: oklch(70.4% 0.191 22.216); --color-pink-500: oklch(63.7% 0.237 25.331); --color-pink-600: oklch(57.7% 0.245 27.325); --color-pink-700: oklch(50.5% 0.213 27.518); --color-pink-800: oklch(44.4% 0.177 26.899); --color-pink-900: oklch(39.6% 0.141 25.723); --color-pink-950: oklch(25.8% 0.092 26.042); --color-fuchsia-50: oklch(97.1% 0.013 17.38); --color-fuchsia-100: oklch(93.6% 0.032 17.717); --color-fuchsia-200: oklch(88.5% 0.062 18.334); --color-fuchsia-300: oklch(80.8% 0.114 19.571); --color-fuchsia-400: oklch(70.4% 0.191 22.216); --color-fuchsia-500: oklch(63.7% 0.237 25.331); --color-fuchsia-600: oklch(57.7% 0.245 27.325); --color-fuchsia-700: oklch(50.5% 0.213 27.518); --color-fuchsia-800: oklch(44.4% 0.177 26.899); --color-fuchsia-900: oklch(39.6% 0.141 25.723); --color-fuchsia-950: oklch(25.8% 0.092 26.042); --color-white: #fff; --color-black: #000; /* Semantic tokens: what new components use. They follow the palette, so each theme only has to redefine the palette. */ --fh-ground: #F4F5F7; /* the blueprint's cool grey page, a step below gray-50 */ --fh-surface: var(--color-white); --fh-sunken: var(--color-gray-50); --fh-line: var(--color-gray-200); --fh-line-strong: var(--color-gray-300); --fh-ink: var(--color-gray-900); --fh-ink-2: var(--color-gray-600); --fh-muted: var(--color-gray-500); --fh-accent: var(--color-blue-600); --fh-accent-ink: var(--color-blue-700); --fh-accent-tint: var(--color-blue-50); --fh-on-accent: var(--color-white); --fh-ok: var(--color-green-700); --fh-ok-tint: var(--color-green-50); --fh-warn: var(--color-amber-700); --fh-warn-tint: var(--color-amber-50); --fh-fault: var(--color-red-700); --fh-fault-tint: var(--color-red-50); --fh-done-bar: #2BB673; color-scheme: light; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --color-gray-50: #0F1217; --color-gray-100: #1B2028; --color-gray-200: #262C36; --color-gray-300: #364050; --color-gray-400: #5D6677; --color-gray-500: #8A93A3; --color-gray-600: #A3ABB8; --color-gray-700: #BEC4CE; --color-gray-800: #D6DAE1; --color-gray-900: #E8EBF0; --color-gray-950: #F4F5F7; --color-slate-50: #0F1217; --color-slate-100: #1B2028; --color-slate-200: #262C36; --color-slate-300: #364050; --color-slate-400: #5D6677; --color-slate-500: #8A93A3; --color-slate-600: #A3ABB8; --color-slate-700: #BEC4CE; --color-slate-800: #D6DAE1; --color-slate-900: #E8EBF0; --color-slate-950: #F4F5F7; --color-zinc-50: #0F1217; --color-zinc-100: #1B2028; --color-zinc-200: #262C36; --color-zinc-300: #364050; --color-zinc-400: #5D6677; --color-zinc-500: #8A93A3; --color-zinc-600: #A3ABB8; --color-zinc-700: #BEC4CE; --color-zinc-800: #D6DAE1; --color-zinc-900: #E8EBF0; --color-zinc-950: #F4F5F7; --color-neutral-50: #0F1217; --color-neutral-100: #1B2028; --color-neutral-200: #262C36; --color-neutral-300: #364050; --color-neutral-400: #5D6677; --color-neutral-500: #8A93A3; --color-neutral-600: #A3ABB8; --color-neutral-700: #BEC4CE; --color-neutral-800: #D6DAE1; --color-neutral-900: #E8EBF0; --color-neutral-950: #F4F5F7; --color-stone-50: #0F1217; --color-stone-100: #1B2028; --color-stone-200: #262C36; --color-stone-300: #364050; --color-stone-400: #5D6677; --color-stone-500: #8A93A3; --color-stone-600: #A3ABB8; --color-stone-700: #BEC4CE; --color-stone-800: #D6DAE1; --color-stone-900: #E8EBF0; --color-stone-950: #F4F5F7; --color-blue-50: color-mix(in oklab, oklch(62.3% 0.214 259.815) 14%, #0F1217); --color-blue-100: color-mix(in oklab, oklch(62.3% 0.214 259.815) 20%, #161A21); --color-blue-200: color-mix(in oklab, oklch(62.3% 0.214 259.815) 32%, #161A21); --color-blue-300: color-mix(in oklab, oklch(62.3% 0.214 259.815) 48%, #161A21); --color-blue-400: oklch(70.7% 0.165 254.624); --color-blue-500: oklch(70.7% 0.165 254.624); --color-blue-600: #6E9CFF; --color-blue-700: oklch(80.9% 0.105 251.813); --color-blue-800: oklch(88.2% 0.059 254.128); --color-blue-900: oklch(93.2% 0.032 255.585); --color-blue-950: oklch(97% 0.014 254.604); --color-indigo-50: color-mix(in oklab, oklch(62.3% 0.214 259.815) 14%, #0F1217); --color-indigo-100: color-mix(in oklab, oklch(62.3% 0.214 259.815) 20%, #161A21); --color-indigo-200: color-mix(in oklab, oklch(62.3% 0.214 259.815) 32%, #161A21); --color-indigo-300: color-mix(in oklab, oklch(62.3% 0.214 259.815) 48%, #161A21); --color-indigo-400: oklch(70.7% 0.165 254.624); --color-indigo-500: oklch(70.7% 0.165 254.624); --color-indigo-600: #6E9CFF; --color-indigo-700: oklch(80.9% 0.105 251.813); --color-indigo-800: oklch(88.2% 0.059 254.128); --color-indigo-900: oklch(93.2% 0.032 255.585); --color-indigo-950: oklch(97% 0.014 254.604); --color-violet-50: color-mix(in oklab, oklch(62.3% 0.214 259.815) 14%, #0F1217); --color-violet-100: color-mix(in oklab, oklch(62.3% 0.214 259.815) 20%, #161A21); --color-violet-200: color-mix(in oklab, oklch(62.3% 0.214 259.815) 32%, #161A21); --color-violet-300: color-mix(in oklab, oklch(62.3% 0.214 259.815) 48%, #161A21); --color-violet-400: oklch(70.7% 0.165 254.624); --color-violet-500: oklch(70.7% 0.165 254.624); --color-violet-600: #6E9CFF; --color-violet-700: oklch(80.9% 0.105 251.813); --color-violet-800: oklch(88.2% 0.059 254.128); --color-violet-900: oklch(93.2% 0.032 255.585); --color-violet-950: oklch(97% 0.014 254.604); --color-purple-50: color-mix(in oklab, oklch(62.3% 0.214 259.815) 14%, #0F1217); --color-purple-100: color-mix(in oklab, oklch(62.3% 0.214 259.815) 20%, #161A21); --color-purple-200: color-mix(in oklab, oklch(62.3% 0.214 259.815) 32%, #161A21); --color-purple-300: color-mix(in oklab, oklch(62.3% 0.214 259.815) 48%, #161A21); --color-purple-400: oklch(70.7% 0.165 254.624); --color-purple-500: oklch(70.7% 0.165 254.624); --color-purple-600: #6E9CFF; --color-purple-700: oklch(80.9% 0.105 251.813); --color-purple-800: oklch(88.2% 0.059 254.128); --color-purple-900: oklch(93.2% 0.032 255.585); --color-purple-950: oklch(97% 0.014 254.604); --color-sky-50: color-mix(in oklab, oklch(62.3% 0.214 259.815) 14%, #0F1217); --color-sky-100: color-mix(in oklab, oklch(62.3% 0.214 259.815) 20%, #161A21); --color-sky-200: color-mix(in oklab, oklch(62.3% 0.214 259.815) 32%, #161A21); --color-sky-300: color-mix(in oklab, oklch(62.3% 0.214 259.815) 48%, #161A21); --color-sky-400: oklch(70.7% 0.165 254.624); --color-sky-500: oklch(70.7% 0.165 254.624); --color-sky-600: #6E9CFF; --color-sky-700: oklch(80.9% 0.105 251.813); --color-sky-800: oklch(88.2% 0.059 254.128); --color-sky-900: oklch(93.2% 0.032 255.585); --color-sky-950: oklch(97% 0.014 254.604); --color-cyan-50: color-mix(in oklab, oklch(62.3% 0.214 259.815) 14%, #0F1217); --color-cyan-100: color-mix(in oklab, oklch(62.3% 0.214 259.815) 20%, #161A21); --color-cyan-200: color-mix(in oklab, oklch(62.3% 0.214 259.815) 32%, #161A21); --color-cyan-300: color-mix(in oklab, oklch(62.3% 0.214 259.815) 48%, #161A21); --color-cyan-400: oklch(70.7% 0.165 254.624); --color-cyan-500: oklch(70.7% 0.165 254.624); --color-cyan-600: #6E9CFF; --color-cyan-700: oklch(80.9% 0.105 251.813); --color-cyan-800: oklch(88.2% 0.059 254.128); --color-cyan-900: oklch(93.2% 0.032 255.585); --color-cyan-950: oklch(97% 0.014 254.604); --color-primary-50: color-mix(in oklab, oklch(62.3% 0.214 259.815) 14%, #0F1217); --color-primary-100: color-mix(in oklab, oklch(62.3% 0.214 259.815) 20%, #161A21); --color-primary-200: color-mix(in oklab, oklch(62.3% 0.214 259.815) 32%, #161A21); --color-primary-300: color-mix(in oklab, oklch(62.3% 0.214 259.815) 48%, #161A21); --color-primary-400: oklch(70.7% 0.165 254.624); --color-primary-500: oklch(70.7% 0.165 254.624); --color-primary-600: #6E9CFF; --color-primary-700: oklch(80.9% 0.105 251.813); --color-primary-800: oklch(88.2% 0.059 254.128); --color-primary-900: oklch(93.2% 0.032 255.585); --color-primary-950: oklch(97% 0.014 254.604); --color-green-50: color-mix(in oklab, oklch(72.3% 0.219 149.579) 14%, #0F1217); --color-green-100: color-mix(in oklab, oklch(72.3% 0.219 149.579) 20%, #161A21); --color-green-200: color-mix(in oklab, oklch(72.3% 0.219 149.579) 32%, #161A21); --color-green-300: color-mix(in oklab, oklch(72.3% 0.219 149.579) 48%, #161A21); --color-green-400: oklch(79.2% 0.209 151.711); --color-green-500: oklch(79.2% 0.209 151.711); --color-green-600: oklch(79.2% 0.209 151.711); --color-green-700: oklch(87.1% 0.15 154.449); --color-green-800: oklch(92.5% 0.084 155.995); --color-green-900: oklch(96.2% 0.044 156.743); --color-green-950: oklch(98.2% 0.018 155.826); --color-emerald-50: color-mix(in oklab, oklch(72.3% 0.219 149.579) 14%, #0F1217); --color-emerald-100: color-mix(in oklab, oklch(72.3% 0.219 149.579) 20%, #161A21); --color-emerald-200: color-mix(in oklab, oklch(72.3% 0.219 149.579) 32%, #161A21); --color-emerald-300: color-mix(in oklab, oklch(72.3% 0.219 149.579) 48%, #161A21); --color-emerald-400: oklch(79.2% 0.209 151.711); --color-emerald-500: oklch(79.2% 0.209 151.711); --color-emerald-600: oklch(79.2% 0.209 151.711); --color-emerald-700: oklch(87.1% 0.15 154.449); --color-emerald-800: oklch(92.5% 0.084 155.995); --color-emerald-900: oklch(96.2% 0.044 156.743); --color-emerald-950: oklch(98.2% 0.018 155.826); --color-teal-50: color-mix(in oklab, oklch(72.3% 0.219 149.579) 14%, #0F1217); --color-teal-100: color-mix(in oklab, oklch(72.3% 0.219 149.579) 20%, #161A21); --color-teal-200: color-mix(in oklab, oklch(72.3% 0.219 149.579) 32%, #161A21); --color-teal-300: color-mix(in oklab, oklch(72.3% 0.219 149.579) 48%, #161A21); --color-teal-400: oklch(79.2% 0.209 151.711); --color-teal-500: oklch(79.2% 0.209 151.711); --color-teal-600: oklch(79.2% 0.209 151.711); --color-teal-700: oklch(87.1% 0.15 154.449); --color-teal-800: oklch(92.5% 0.084 155.995); --color-teal-900: oklch(96.2% 0.044 156.743); --color-teal-950: oklch(98.2% 0.018 155.826); --color-lime-50: color-mix(in oklab, oklch(72.3% 0.219 149.579) 14%, #0F1217); --color-lime-100: color-mix(in oklab, oklch(72.3% 0.219 149.579) 20%, #161A21); --color-lime-200: color-mix(in oklab, oklch(72.3% 0.219 149.579) 32%, #161A21); --color-lime-300: color-mix(in oklab, oklch(72.3% 0.219 149.579) 48%, #161A21); --color-lime-400: oklch(79.2% 0.209 151.711); --color-lime-500: oklch(79.2% 0.209 151.711); --color-lime-600: oklch(79.2% 0.209 151.711); --color-lime-700: oklch(87.1% 0.15 154.449); --color-lime-800: oklch(92.5% 0.084 155.995); --color-lime-900: oklch(96.2% 0.044 156.743); --color-lime-950: oklch(98.2% 0.018 155.826); --color-amber-50: color-mix(in oklab, oklch(76.9% 0.188 70.08) 14%, #0F1217); --color-amber-100: color-mix(in oklab, oklch(76.9% 0.188 70.08) 20%, #161A21); --color-amber-200: color-mix(in oklab, oklch(76.9% 0.188 70.08) 32%, #161A21); --color-amber-300: color-mix(in oklab, oklch(76.9% 0.188 70.08) 48%, #161A21); --color-amber-400: oklch(82.8% 0.189 84.429); --color-amber-500: oklch(82.8% 0.189 84.429); --color-amber-600: oklch(82.8% 0.189 84.429); --color-amber-700: oklch(87.9% 0.169 91.605); --color-amber-800: oklch(92.4% 0.12 95.746); --color-amber-900: oklch(96.2% 0.059 95.617); --color-amber-950: oklch(98.7% 0.022 95.277); --color-yellow-50: color-mix(in oklab, oklch(76.9% 0.188 70.08) 14%, #0F1217); --color-yellow-100: color-mix(in oklab, oklch(76.9% 0.188 70.08) 20%, #161A21); --color-yellow-200: color-mix(in oklab, oklch(76.9% 0.188 70.08) 32%, #161A21); --color-yellow-300: color-mix(in oklab, oklch(76.9% 0.188 70.08) 48%, #161A21); --color-yellow-400: oklch(82.8% 0.189 84.429); --color-yellow-500: oklch(82.8% 0.189 84.429); --color-yellow-600: oklch(82.8% 0.189 84.429); --color-yellow-700: oklch(87.9% 0.169 91.605); --color-yellow-800: oklch(92.4% 0.12 95.746); --color-yellow-900: oklch(96.2% 0.059 95.617); --color-yellow-950: oklch(98.7% 0.022 95.277); --color-orange-50: color-mix(in oklab, oklch(76.9% 0.188 70.08) 14%, #0F1217); --color-orange-100: color-mix(in oklab, oklch(76.9% 0.188 70.08) 20%, #161A21); --color-orange-200: color-mix(in oklab, oklch(76.9% 0.188 70.08) 32%, #161A21); --color-orange-300: color-mix(in oklab, oklch(76.9% 0.188 70.08) 48%, #161A21); --color-orange-400: oklch(82.8% 0.189 84.429); --color-orange-500: oklch(82.8% 0.189 84.429); --color-orange-600: oklch(82.8% 0.189 84.429); --color-orange-700: oklch(87.9% 0.169 91.605); --color-orange-800: oklch(92.4% 0.12 95.746); --color-orange-900: oklch(96.2% 0.059 95.617); --color-orange-950: oklch(98.7% 0.022 95.277); --color-red-50: color-mix(in oklab, oklch(63.7% 0.237 25.331) 14%, #0F1217); --color-red-100: color-mix(in oklab, oklch(63.7% 0.237 25.331) 20%, #161A21); --color-red-200: color-mix(in oklab, oklch(63.7% 0.237 25.331) 32%, #161A21); --color-red-300: color-mix(in oklab, oklch(63.7% 0.237 25.331) 48%, #161A21); --color-red-400: oklch(70.4% 0.191 22.216); --color-red-500: oklch(70.4% 0.191 22.216); --color-red-600: oklch(70.4% 0.191 22.216); --color-red-700: oklch(80.8% 0.114 19.571); --color-red-800: oklch(88.5% 0.062 18.334); --color-red-900: oklch(93.6% 0.032 17.717); --color-red-950: oklch(97.1% 0.013 17.38); --color-rose-50: color-mix(in oklab, oklch(63.7% 0.237 25.331) 14%, #0F1217); --color-rose-100: color-mix(in oklab, oklch(63.7% 0.237 25.331) 20%, #161A21); --color-rose-200: color-mix(in oklab, oklch(63.7% 0.237 25.331) 32%, #161A21); --color-rose-300: color-mix(in oklab, oklch(63.7% 0.237 25.331) 48%, #161A21); --color-rose-400: oklch(70.4% 0.191 22.216); --color-rose-500: oklch(70.4% 0.191 22.216); --color-rose-600: oklch(70.4% 0.191 22.216); --color-rose-700: oklch(80.8% 0.114 19.571); --color-rose-800: oklch(88.5% 0.062 18.334); --color-rose-900: oklch(93.6% 0.032 17.717); --color-rose-950: oklch(97.1% 0.013 17.38); --color-pink-50: color-mix(in oklab, oklch(63.7% 0.237 25.331) 14%, #0F1217); --color-pink-100: color-mix(in oklab, oklch(63.7% 0.237 25.331) 20%, #161A21); --color-pink-200: color-mix(in oklab, oklch(63.7% 0.237 25.331) 32%, #161A21); --color-pink-300: color-mix(in oklab, oklch(63.7% 0.237 25.331) 48%, #161A21); --color-pink-400: oklch(70.4% 0.191 22.216); --color-pink-500: oklch(70.4% 0.191 22.216); --color-pink-600: oklch(70.4% 0.191 22.216); --color-pink-700: oklch(80.8% 0.114 19.571); --color-pink-800: oklch(88.5% 0.062 18.334); --color-pink-900: oklch(93.6% 0.032 17.717); --color-pink-950: oklch(97.1% 0.013 17.38); --color-fuchsia-50: color-mix(in oklab, oklch(63.7% 0.237 25.331) 14%, #0F1217); --color-fuchsia-100: color-mix(in oklab, oklch(63.7% 0.237 25.331) 20%, #161A21); --color-fuchsia-200: color-mix(in oklab, oklch(63.7% 0.237 25.331) 32%, #161A21); --color-fuchsia-300: color-mix(in oklab, oklch(63.7% 0.237 25.331) 48%, #161A21); --color-fuchsia-400: oklch(70.4% 0.191 22.216); --color-fuchsia-500: oklch(70.4% 0.191 22.216); --color-fuchsia-600: oklch(70.4% 0.191 22.216); --color-fuchsia-700: oklch(80.8% 0.114 19.571); --color-fuchsia-800: oklch(88.5% 0.062 18.334); --color-fuchsia-900: oklch(93.6% 0.032 17.717); --color-fuchsia-950: oklch(97.1% 0.013 17.38); --color-white: #161A21; --fh-ground: #0F1217; --fh-done-bar: #3DBF7A; color-scheme: dark; } } :root[data-theme="dark"] { --color-gray-50: #0F1217; --color-gray-100: #1B2028; --color-gray-200: #262C36; --color-gray-300: #364050; --color-gray-400: #5D6677; --color-gray-500: #8A93A3; --color-gray-600: #A3ABB8; --color-gray-700: #BEC4CE; --color-gray-800: #D6DAE1; --color-gray-900: #E8EBF0; --color-gray-950: #F4F5F7; --color-slate-50: #0F1217; --color-slate-100: #1B2028; --color-slate-200: #262C36; --color-slate-300: #364050; --color-slate-400: #5D6677; --color-slate-500: #8A93A3; --color-slate-600: #A3ABB8; --color-slate-700: #BEC4CE; --color-slate-800: #D6DAE1; --color-slate-900: #E8EBF0; --color-slate-950: #F4F5F7; --color-zinc-50: #0F1217; --color-zinc-100: #1B2028; --color-zinc-200: #262C36; --color-zinc-300: #364050; --color-zinc-400: #5D6677; --color-zinc-500: #8A93A3; --color-zinc-600: #A3ABB8; --color-zinc-700: #BEC4CE; --color-zinc-800: #D6DAE1; --color-zinc-900: #E8EBF0; --color-zinc-950: #F4F5F7; --color-neutral-50: #0F1217; --color-neutral-100: #1B2028; --color-neutral-200: #262C36; --color-neutral-300: #364050; --color-neutral-400: #5D6677; --color-neutral-500: #8A93A3; --color-neutral-600: #A3ABB8; --color-neutral-700: #BEC4CE; --color-neutral-800: #D6DAE1; --color-neutral-900: #E8EBF0; --color-neutral-950: #F4F5F7; --color-stone-50: #0F1217; --color-stone-100: #1B2028; --color-stone-200: #262C36; --color-stone-300: #364050; --color-stone-400: #5D6677; --color-stone-500: #8A93A3; --color-stone-600: #A3ABB8; --color-stone-700: #BEC4CE; --color-stone-800: #D6DAE1; --color-stone-900: #E8EBF0; --color-stone-950: #F4F5F7; --color-blue-50: color-mix(in oklab, oklch(62.3% 0.214 259.815) 14%, #0F1217); --color-blue-100: color-mix(in oklab, oklch(62.3% 0.214 259.815) 20%, #161A21); --color-blue-200: color-mix(in oklab, oklch(62.3% 0.214 259.815) 32%, #161A21); --color-blue-300: color-mix(in oklab, oklch(62.3% 0.214 259.815) 48%, #161A21); --color-blue-400: oklch(70.7% 0.165 254.624); --color-blue-500: oklch(70.7% 0.165 254.624); --color-blue-600: #6E9CFF; --color-blue-700: oklch(80.9% 0.105 251.813); --color-blue-800: oklch(88.2% 0.059 254.128); --color-blue-900: oklch(93.2% 0.032 255.585); --color-blue-950: oklch(97% 0.014 254.604); --color-indigo-50: color-mix(in oklab, oklch(62.3% 0.214 259.815) 14%, #0F1217); --color-indigo-100: color-mix(in oklab, oklch(62.3% 0.214 259.815) 20%, #161A21); --color-indigo-200: color-mix(in oklab, oklch(62.3% 0.214 259.815) 32%, #161A21); --color-indigo-300: color-mix(in oklab, oklch(62.3% 0.214 259.815) 48%, #161A21); --color-indigo-400: oklch(70.7% 0.165 254.624); --color-indigo-500: oklch(70.7% 0.165 254.624); --color-indigo-600: #6E9CFF; --color-indigo-700: oklch(80.9% 0.105 251.813); --color-indigo-800: oklch(88.2% 0.059 254.128); --color-indigo-900: oklch(93.2% 0.032 255.585); --color-indigo-950: oklch(97% 0.014 254.604); --color-violet-50: color-mix(in oklab, oklch(62.3% 0.214 259.815) 14%, #0F1217); --color-violet-100: color-mix(in oklab, oklch(62.3% 0.214 259.815) 20%, #161A21); --color-violet-200: color-mix(in oklab, oklch(62.3% 0.214 259.815) 32%, #161A21); --color-violet-300: color-mix(in oklab, oklch(62.3% 0.214 259.815) 48%, #161A21); --color-violet-400: oklch(70.7% 0.165 254.624); --color-violet-500: oklch(70.7% 0.165 254.624); --color-violet-600: #6E9CFF; --color-violet-700: oklch(80.9% 0.105 251.813); --color-violet-800: oklch(88.2% 0.059 254.128); --color-violet-900: oklch(93.2% 0.032 255.585); --color-violet-950: oklch(97% 0.014 254.604); --color-purple-50: color-mix(in oklab, oklch(62.3% 0.214 259.815) 14%, #0F1217); --color-purple-100: color-mix(in oklab, oklch(62.3% 0.214 259.815) 20%, #161A21); --color-purple-200: color-mix(in oklab, oklch(62.3% 0.214 259.815) 32%, #161A21); --color-purple-300: color-mix(in oklab, oklch(62.3% 0.214 259.815) 48%, #161A21); --color-purple-400: oklch(70.7% 0.165 254.624); --color-purple-500: oklch(70.7% 0.165 254.624); --color-purple-600: #6E9CFF; --color-purple-700: oklch(80.9% 0.105 251.813); --color-purple-800: oklch(88.2% 0.059 254.128); --color-purple-900: oklch(93.2% 0.032 255.585); --color-purple-950: oklch(97% 0.014 254.604); --color-sky-50: color-mix(in oklab, oklch(62.3% 0.214 259.815) 14%, #0F1217); --color-sky-100: color-mix(in oklab, oklch(62.3% 0.214 259.815) 20%, #161A21); --color-sky-200: color-mix(in oklab, oklch(62.3% 0.214 259.815) 32%, #161A21); --color-sky-300: color-mix(in oklab, oklch(62.3% 0.214 259.815) 48%, #161A21); --color-sky-400: oklch(70.7% 0.165 254.624); --color-sky-500: oklch(70.7% 0.165 254.624); --color-sky-600: #6E9CFF; --color-sky-700: oklch(80.9% 0.105 251.813); --color-sky-800: oklch(88.2% 0.059 254.128); --color-sky-900: oklch(93.2% 0.032 255.585); --color-sky-950: oklch(97% 0.014 254.604); --color-cyan-50: color-mix(in oklab, oklch(62.3% 0.214 259.815) 14%, #0F1217); --color-cyan-100: color-mix(in oklab, oklch(62.3% 0.214 259.815) 20%, #161A21); --color-cyan-200: color-mix(in oklab, oklch(62.3% 0.214 259.815) 32%, #161A21); --color-cyan-300: color-mix(in oklab, oklch(62.3% 0.214 259.815) 48%, #161A21); --color-cyan-400: oklch(70.7% 0.165 254.624); --color-cyan-500: oklch(70.7% 0.165 254.624); --color-cyan-600: #6E9CFF; --color-cyan-700: oklch(80.9% 0.105 251.813); --color-cyan-800: oklch(88.2% 0.059 254.128); --color-cyan-900: oklch(93.2% 0.032 255.585); --color-cyan-950: oklch(97% 0.014 254.604); --color-primary-50: color-mix(in oklab, oklch(62.3% 0.214 259.815) 14%, #0F1217); --color-primary-100: color-mix(in oklab, oklch(62.3% 0.214 259.815) 20%, #161A21); --color-primary-200: color-mix(in oklab, oklch(62.3% 0.214 259.815) 32%, #161A21); --color-primary-300: color-mix(in oklab, oklch(62.3% 0.214 259.815) 48%, #161A21); --color-primary-400: oklch(70.7% 0.165 254.624); --color-primary-500: oklch(70.7% 0.165 254.624); --color-primary-600: #6E9CFF; --color-primary-700: oklch(80.9% 0.105 251.813); --color-primary-800: oklch(88.2% 0.059 254.128); --color-primary-900: oklch(93.2% 0.032 255.585); --color-primary-950: oklch(97% 0.014 254.604); --color-green-50: color-mix(in oklab, oklch(72.3% 0.219 149.579) 14%, #0F1217); --color-green-100: color-mix(in oklab, oklch(72.3% 0.219 149.579) 20%, #161A21); --color-green-200: color-mix(in oklab, oklch(72.3% 0.219 149.579) 32%, #161A21); --color-green-300: color-mix(in oklab, oklch(72.3% 0.219 149.579) 48%, #161A21); --color-green-400: oklch(79.2% 0.209 151.711); --color-green-500: oklch(79.2% 0.209 151.711); --color-green-600: oklch(79.2% 0.209 151.711); --color-green-700: oklch(87.1% 0.15 154.449); --color-green-800: oklch(92.5% 0.084 155.995); --color-green-900: oklch(96.2% 0.044 156.743); --color-green-950: oklch(98.2% 0.018 155.826); --color-emerald-50: color-mix(in oklab, oklch(72.3% 0.219 149.579) 14%, #0F1217); --color-emerald-100: color-mix(in oklab, oklch(72.3% 0.219 149.579) 20%, #161A21); --color-emerald-200: color-mix(in oklab, oklch(72.3% 0.219 149.579) 32%, #161A21); --color-emerald-300: color-mix(in oklab, oklch(72.3% 0.219 149.579) 48%, #161A21); --color-emerald-400: oklch(79.2% 0.209 151.711); --color-emerald-500: oklch(79.2% 0.209 151.711); --color-emerald-600: oklch(79.2% 0.209 151.711); --color-emerald-700: oklch(87.1% 0.15 154.449); --color-emerald-800: oklch(92.5% 0.084 155.995); --color-emerald-900: oklch(96.2% 0.044 156.743); --color-emerald-950: oklch(98.2% 0.018 155.826); --color-teal-50: color-mix(in oklab, oklch(72.3% 0.219 149.579) 14%, #0F1217); --color-teal-100: color-mix(in oklab, oklch(72.3% 0.219 149.579) 20%, #161A21); --color-teal-200: color-mix(in oklab, oklch(72.3% 0.219 149.579) 32%, #161A21); --color-teal-300: color-mix(in oklab, oklch(72.3% 0.219 149.579) 48%, #161A21); --color-teal-400: oklch(79.2% 0.209 151.711); --color-teal-500: oklch(79.2% 0.209 151.711); --color-teal-600: oklch(79.2% 0.209 151.711); --color-teal-700: oklch(87.1% 0.15 154.449); --color-teal-800: oklch(92.5% 0.084 155.995); --color-teal-900: oklch(96.2% 0.044 156.743); --color-teal-950: oklch(98.2% 0.018 155.826); --color-lime-50: color-mix(in oklab, oklch(72.3% 0.219 149.579) 14%, #0F1217); --color-lime-100: color-mix(in oklab, oklch(72.3% 0.219 149.579) 20%, #161A21); --color-lime-200: color-mix(in oklab, oklch(72.3% 0.219 149.579) 32%, #161A21); --color-lime-300: color-mix(in oklab, oklch(72.3% 0.219 149.579) 48%, #161A21); --color-lime-400: oklch(79.2% 0.209 151.711); --color-lime-500: oklch(79.2% 0.209 151.711); --color-lime-600: oklch(79.2% 0.209 151.711); --color-lime-700: oklch(87.1% 0.15 154.449); --color-lime-800: oklch(92.5% 0.084 155.995); --color-lime-900: oklch(96.2% 0.044 156.743); --color-lime-950: oklch(98.2% 0.018 155.826); --color-amber-50: color-mix(in oklab, oklch(76.9% 0.188 70.08) 14%, #0F1217); --color-amber-100: color-mix(in oklab, oklch(76.9% 0.188 70.08) 20%, #161A21); --color-amber-200: color-mix(in oklab, oklch(76.9% 0.188 70.08) 32%, #161A21); --color-amber-300: color-mix(in oklab, oklch(76.9% 0.188 70.08) 48%, #161A21); --color-amber-400: oklch(82.8% 0.189 84.429); --color-amber-500: oklch(82.8% 0.189 84.429); --color-amber-600: oklch(82.8% 0.189 84.429); --color-amber-700: oklch(87.9% 0.169 91.605); --color-amber-800: oklch(92.4% 0.12 95.746); --color-amber-900: oklch(96.2% 0.059 95.617); --color-amber-950: oklch(98.7% 0.022 95.277); --color-yellow-50: color-mix(in oklab, oklch(76.9% 0.188 70.08) 14%, #0F1217); --color-yellow-100: color-mix(in oklab, oklch(76.9% 0.188 70.08) 20%, #161A21); --color-yellow-200: color-mix(in oklab, oklch(76.9% 0.188 70.08) 32%, #161A21); --color-yellow-300: color-mix(in oklab, oklch(76.9% 0.188 70.08) 48%, #161A21); --color-yellow-400: oklch(82.8% 0.189 84.429); --color-yellow-500: oklch(82.8% 0.189 84.429); --color-yellow-600: oklch(82.8% 0.189 84.429); --color-yellow-700: oklch(87.9% 0.169 91.605); --color-yellow-800: oklch(92.4% 0.12 95.746); --color-yellow-900: oklch(96.2% 0.059 95.617); --color-yellow-950: oklch(98.7% 0.022 95.277); --color-orange-50: color-mix(in oklab, oklch(76.9% 0.188 70.08) 14%, #0F1217); --color-orange-100: color-mix(in oklab, oklch(76.9% 0.188 70.08) 20%, #161A21); --color-orange-200: color-mix(in oklab, oklch(76.9% 0.188 70.08) 32%, #161A21); --color-orange-300: color-mix(in oklab, oklch(76.9% 0.188 70.08) 48%, #161A21); --color-orange-400: oklch(82.8% 0.189 84.429); --color-orange-500: oklch(82.8% 0.189 84.429); --color-orange-600: oklch(82.8% 0.189 84.429); --color-orange-700: oklch(87.9% 0.169 91.605); --color-orange-800: oklch(92.4% 0.12 95.746); --color-orange-900: oklch(96.2% 0.059 95.617); --color-orange-950: oklch(98.7% 0.022 95.277); --color-red-50: color-mix(in oklab, oklch(63.7% 0.237 25.331) 14%, #0F1217); --color-red-100: color-mix(in oklab, oklch(63.7% 0.237 25.331) 20%, #161A21); --color-red-200: color-mix(in oklab, oklch(63.7% 0.237 25.331) 32%, #161A21); --color-red-300: color-mix(in oklab, oklch(63.7% 0.237 25.331) 48%, #161A21); --color-red-400: oklch(70.4% 0.191 22.216); --color-red-500: oklch(70.4% 0.191 22.216); --color-red-600: oklch(70.4% 0.191 22.216); --color-red-700: oklch(80.8% 0.114 19.571); --color-red-800: oklch(88.5% 0.062 18.334); --color-red-900: oklch(93.6% 0.032 17.717); --color-red-950: oklch(97.1% 0.013 17.38); --color-rose-50: color-mix(in oklab, oklch(63.7% 0.237 25.331) 14%, #0F1217); --color-rose-100: color-mix(in oklab, oklch(63.7% 0.237 25.331) 20%, #161A21); --color-rose-200: color-mix(in oklab, oklch(63.7% 0.237 25.331) 32%, #161A21); --color-rose-300: color-mix(in oklab, oklch(63.7% 0.237 25.331) 48%, #161A21); --color-rose-400: oklch(70.4% 0.191 22.216); --color-rose-500: oklch(70.4% 0.191 22.216); --color-rose-600: oklch(70.4% 0.191 22.216); --color-rose-700: oklch(80.8% 0.114 19.571); --color-rose-800: oklch(88.5% 0.062 18.334); --color-rose-900: oklch(93.6% 0.032 17.717); --color-rose-950: oklch(97.1% 0.013 17.38); --color-pink-50: color-mix(in oklab, oklch(63.7% 0.237 25.331) 14%, #0F1217); --color-pink-100: color-mix(in oklab, oklch(63.7% 0.237 25.331) 20%, #161A21); --color-pink-200: color-mix(in oklab, oklch(63.7% 0.237 25.331) 32%, #161A21); --color-pink-300: color-mix(in oklab, oklch(63.7% 0.237 25.331) 48%, #161A21); --color-pink-400: oklch(70.4% 0.191 22.216); --color-pink-500: oklch(70.4% 0.191 22.216); --color-pink-600: oklch(70.4% 0.191 22.216); --color-pink-700: oklch(80.8% 0.114 19.571); --color-pink-800: oklch(88.5% 0.062 18.334); --color-pink-900: oklch(93.6% 0.032 17.717); --color-pink-950: oklch(97.1% 0.013 17.38); --color-fuchsia-50: color-mix(in oklab, oklch(63.7% 0.237 25.331) 14%, #0F1217); --color-fuchsia-100: color-mix(in oklab, oklch(63.7% 0.237 25.331) 20%, #161A21); --color-fuchsia-200: color-mix(in oklab, oklch(63.7% 0.237 25.331) 32%, #161A21); --color-fuchsia-300: color-mix(in oklab, oklch(63.7% 0.237 25.331) 48%, #161A21); --color-fuchsia-400: oklch(70.4% 0.191 22.216); --color-fuchsia-500: oklch(70.4% 0.191 22.216); --color-fuchsia-600: oklch(70.4% 0.191 22.216); --color-fuchsia-700: oklch(80.8% 0.114 19.571); --color-fuchsia-800: oklch(88.5% 0.062 18.334); --color-fuchsia-900: oklch(93.6% 0.032 17.717); --color-fuchsia-950: oklch(97.1% 0.013 17.38); --color-white: #161A21; --fh-ground: #0F1217; --fh-done-bar: #3DBF7A; color-scheme: dark; } /* Elements that set their own colours outside Tailwind. */ body { background-color: var(--fh-ground); color: var(--fh-ink); } :root[data-theme="dark"] img.fh-invert-dark { filter: invert(1) hue-rotate(180deg); }