54 lines
1.3 KiB
CSS
54 lines
1.3 KiB
CSS
@import 'tailwindcss';
|
|
|
|
/* Iosevka font - self-hosted via npm */
|
|
@import '@fontsource/iosevka/400.css';
|
|
@import '@fontsource/iosevka/700.css';
|
|
@import '@fontsource-variable/roboto-condensed';
|
|
|
|
html {
|
|
color-scheme: light dark;
|
|
}
|
|
|
|
body {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
@media print {
|
|
body {
|
|
-webkit-print-color-adjust: exact;
|
|
print-color-adjust: exact;
|
|
}
|
|
|
|
* {
|
|
-webkit-print-color-adjust: exact !important;
|
|
print-color-adjust: exact !important;
|
|
}
|
|
}
|
|
|
|
/* Theme configuration - 5 colors per layout */
|
|
@theme {
|
|
/* Font families */
|
|
--font-mono: 'Iosevka', ui-monospace, monospace;
|
|
--font-sans: 'Roboto Condensed Variable', ui-sans-serif, sans-serif;
|
|
|
|
/* Web layout - 5 colors using light-dark() for dark mode */
|
|
--color-bg: light-dark(#fafafa, #0c0c0e);
|
|
--color-fg: light-dark(#18181b, #fafafa);
|
|
--color-muted: light-dark(#56565d, #a1a1aa);
|
|
--color-accent: light-dark(#0e7490, #22d3ee);
|
|
--color-hot: light-dark(#c2410c, #fb923c);
|
|
|
|
/* PDF layout - 4 colors (print-optimized) */
|
|
--color-pdf-bg: #ffffff;
|
|
--color-pdf-fg: #000000;
|
|
--color-pdf-muted: #525252;
|
|
--color-pdf-accent: #0284c7;
|
|
|
|
--shadow-glow: 0 0 10px
|
|
light-dark(
|
|
color-mix(in oklab, var(--color-accent) 30%, transparent 70%),
|
|
color-mix(in oklab, var(--color-accent) 70%, transparent 30%)
|
|
);
|
|
}
|