40 lines
982 B
CSS
40 lines
982 B
CSS
|
@import "tailwindcss";
|
||
|
|
|
||
|
|
/* 🎨 Design Tokens (CSS-based, no JS dependency) */
|
||
|
|
:root {
|
||
|
|
--color-background-primary: #0B1A2B;
|
||
|
|
--color-background-secondary: #0F2236;
|
||
|
|
--color-background-card: #132A42;
|
||
|
|
|
||
|
|
--color-text-primary: #FFFFFF;
|
||
|
|
--color-text-secondary: #A0AEC0;
|
||
|
|
|
||
|
|
--color-border: #1F3A5F;
|
||
|
|
|
||
|
|
--color-primary: #009CAE;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Tailwind theme mapping */
|
||
|
|
@theme inline {
|
||
|
|
--color-background-primary: var(--color-background-primary);
|
||
|
|
--color-background-secondary: var(--color-background-secondary);
|
||
|
|
--color-background-card: var(--color-background-card);
|
||
|
|
|
||
|
|
--color-text-primary: var(--color-text-primary);
|
||
|
|
--color-text-secondary: var(--color-text-secondary);
|
||
|
|
|
||
|
|
--color-border: var(--color-border);
|
||
|
|
--color-primary: var(--color-primary);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Base styles */
|
||
|
|
html, body {
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
background-color: #f9fafb; /* light gray */
|
||
|
|
color: #111827; /* dark text */
|
||
|
|
font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
|
||
|
|
}
|