40 lines
1.1 KiB
CSS
40 lines
1.1 KiB
CSS
@import "tailwindcss";
|
|
|
|
@theme {
|
|
--color-bg-base: #f0eee9;
|
|
--color-text-primary: oklch(0.22 0.015 270);
|
|
--color-text-secondary: oklch(0.42 0.012 270);
|
|
--color-text-muted: oklch(0.58 0.01 270);
|
|
--color-border-subtle: oklch(0.92 0.006 85);
|
|
--color-surface: #ffffff;
|
|
--color-accent: oklch(0.42 0.22 255);
|
|
--color-accent-hover: oklch(0.36 0.24 255);
|
|
--color-accent-muted: oklch(0.96 0.04 255);
|
|
--color-success: oklch(0.52 0.18 155);
|
|
--color-danger: oklch(0.50 0.22 25);
|
|
--font-display: 'Plus Jakarta Sans', sans-serif;
|
|
--font-mono: 'JetBrains Mono', monospace;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Plus Jakarta Sans';
|
|
src: url('/fonts/PlusJakartaSans-VariableFont_wght.woff2') format('woff2');
|
|
font-weight: 100 900;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'JetBrains Mono';
|
|
src: url('/fonts/JetBrainsMono-Regular.woff2') format('woff2');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--color-bg-base);
|
|
color: var(--color-text-primary);
|
|
font-family: var(--font-display);
|
|
}
|