@import "tailwindcss";
@font-face {
font-family: 'IBM Plex Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/assets/fonts/ibm-plex-mono/IBMPlexMono-Regular.woff2') format('woff2'),
url('/assets/fonts/ibm-plex-mono/IBMPlexMono-Regular.woff') format('woff');
}
@font-face {
font-family: 'IBM Plex Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('/assets/fonts/ibm-plex-mono/IBMPlexMono-Medium.woff2') format('woff2'),
url('/assets/fonts/ibm-plex-mono/IBMPlexMono-Medium.woff') format('woff');
}
@font-face {
font-family: 'IBM Plex Mono';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('/assets/fonts/ibm-plex-mono/IBMPlexMono-SemiBold.woff2') format('woff2'),
url('/assets/fonts/ibm-plex-mono/IBMPlexMono-SemiBold.woff') format('woff');
}
@font-face {
font-family: 'IBM Plex Mono';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('/assets/fonts/ibm-plex-mono/IBMPlexMono-Bold.woff2') format('woff2'),
url('/assets/fonts/ibm-plex-mono/IBMPlexMono-Bold.woff') format('woff');
}
@theme {
--color-background: hsl(30 30% 96%);
--color-foreground: hsl(0 0% 5%);
--color-card: hsl(30 30% 98%);
--color-card-foreground: hsl(0 0% 5%);
--color-popover: hsl(30 30% 98%);
--color-popover-foreground: hsl(0 0% 5%);
--color-primary: hsl(30 25% 55%);
--color-primary-foreground: hsl(0 0% 98%);
--color-secondary: hsl(0 0% 20%);
--color-secondary-foreground: hsl(30 30% 96%);
--color-muted: hsl(30 20% 90%);
--color-muted-foreground: hsl(0 0% 40%);
--color-accent: hsl(30 20% 92%);
--color-accent-foreground: hsl(0 0% 5%);
--color-destructive: hsl(0 84% 60%);
--color-destructive-foreground: hsl(0 0% 98%);
--color-border: hsl(0 0% 20%);
--color-input: hsl(0 0% 20%);
--color-ring: hsl(30 25% 55%);
--font-family-sans: 'IBM Plex Mono', ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
--font-family-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
--radius-lg: 0rem;
--radius-md: 0rem;
--radius-sm: 0rem;
}
.dark {
--color-background: hsl(0 0% 3%);
--color-foreground: hsl(0 0% 98%);
--color-card: hsl(0 0% 3%);
--color-card-foreground: hsl(0 0% 98%);
--color-popover: hsl(0 0% 3%);
--color-popover-foreground: hsl(0 0% 98%);
--color-primary: hsl(30 20% 45%);
--color-primary-foreground: hsl(0 0% 98%);
--color-secondary: hsl(0 0% 9%);
--color-secondary-foreground: hsl(0 0% 98%);
--color-muted: hsl(0 0% 15%);
--color-muted-foreground: hsl(0 0% 64%);
--color-accent: hsl(0 0% 15%);
--color-accent-foreground: hsl(0 0% 98%);
--color-destructive: hsl(0 62% 30%);
--color-destructive-foreground: hsl(0 0% 98%);
--color-border: hsl(0 0% 15%);
--color-input: hsl(0 0% 15%);
--color-ring: hsl(30 20% 45%);
}
body {
font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
}