beadboard/src/app/globals.css

48 lines
1.2 KiB
CSS
Raw Normal View History

@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
--color-bg: #090c14;
--color-surface: #101827;
--color-surface-muted: #192336;
--color-surface-raised: #22314a;
--color-text-strong: #f6f8ff;
--color-text-body: #d8e0f1;
--color-text-muted: #9caccc;
--color-border-soft: rgba(145, 166, 204, 0.3);
--color-border-strong: rgba(187, 209, 246, 0.62);
--status-open: #60a5fa;
--status-progress: #fbbf24;
--status-blocked: #fb7185;
--status-deferred: #94a3b8;
--status-closed: #34d399;
--priority-p0: #f43f5e;
--priority-p1: #f59e0b;
--priority-p2: #38bdf8;
--priority-p3: #94a3b8;
--priority-p4: #64748b;
}
* {
box-sizing: border-box;
}
html,
body {
margin: 0;
min-height: 100%;
}
body {
background:
radial-gradient(circle at 10% 12%, rgba(12, 138, 215, 0.34), transparent 36%),
radial-gradient(circle at 84% 20%, rgba(250, 122, 91, 0.18), transparent 30%),
radial-gradient(circle at 68% 88%, rgba(57, 189, 154, 0.14), transparent 36%),
linear-gradient(155deg, #05070d 0%, #0b1322 42%, #121e34 100%);
color: var(--color-text-body);
font-family: 'Segoe UI', 'Aptos', Inter, system-ui, sans-serif;
}