QPIDS / src /index.css
Hyungseoky's picture
Rename index.css to src/index.css
325d3e2 verified
Raw
History Blame Contribute Delete
1.37 kB
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');
@import "tailwindcss";
@theme {
--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
--font-headline: "Manrope", sans-serif;
--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
/* Precision Monolith Palette */
--color-primary: #b70015;
--color-primary-container: #e01e26;
--color-secondary: #fd9923;
--color-surface: #fbf9f9;
--color-surface-container-lowest: #ffffff;
--color-surface-container-low: #f5f3f3;
--color-surface-container: #efeded;
--color-surface-container-high: #e9e8e7;
--color-surface-container-highest: #e3e2e2;
--color-on-surface: #1b1c1c;
--color-on-surface-variant: #5d3f3c;
--color-outline-variant: rgba(231, 189, 184, 0.15);
--color-tertiary: #5a5a59;
--shadow-ambient: 0 20px 40px rgba(27, 28, 28, 0.06);
--radius-sm: 0.125rem;
--radius-md: 0.375rem;
--radius-lg: 0.5rem;
--radius-xl: 1rem;
}
@layer base {
body {
@apply bg-surface text-on-surface font-sans antialiased;
}
}
@layer components {
.glass-panel {
@apply bg-white/80 backdrop-blur-[20px] border-b border-surface-container-highest/20;
}
.primary-gradient {
@apply bg-linear-to-br from-primary to-primary-container;
}
}