#Styling

Aa

Aa

Aa


#Dependencies

import { Geist, Geist_Mono } from "next/font/google";const geist = Geist({ subsets: ["latin"], variable: "--font-geist" });const mono = Geist_Mono({ subsets: ["latin"], variable: "--font-mono" });const aktura = localFont({  variable: "--font-aktura",  src: "../../public/fonts/Aktura.otf",});

#Install

:root {  --brand-white: oklch(0.987 0.002 197.1);  --brand-blue: oklch(0.452 0.313214 264.052);  --background: var(--color-brand-white);  --foreground: var(--color-brand-blue);  --border: var(--color-brand-white);  --muted-foreground: --alpha(var(--color-brand-blue) / 60%);  --font-geist: var(--font-geist);  --font-mono: var(--font-mono);  --font-aktura: var(--font-aktura);}.dark {  --background: var(--color-brand-blue);  --foreground: var(--color-brand-white);  --border: var(--color-brand-blue);  --muted-foreground: --alpha(var(--color-brand-white) / 80%);}

Last Updated:

© 2026 candylol.dev