45 lines
1.1 KiB
CSS
45 lines
1.1 KiB
CSS
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");
|
|
@import "tailwindcss";
|
|
|
|
:root {
|
|
--blue: #1A73E8;
|
|
--blue-dark: #1557B0;
|
|
--blue-light: #EBF3FF;
|
|
--green: #34A853;
|
|
--green-light: #D1FAE5;
|
|
--amber: #F59E0B;
|
|
--amber-light: #FEF3C7;
|
|
--red: #E53935;
|
|
--red-light: #FEE2E2;
|
|
--text: #111827;
|
|
--text-muted: #6B7280;
|
|
--text-hint: #9CA3AF;
|
|
--border: #E5E7EB;
|
|
--surface: #F9FAFB;
|
|
--white: #fff;
|
|
--sidebar: 230px;
|
|
--radius: 10px;
|
|
--radius-sm: 7px;
|
|
--font: 'Plus Jakarta Sans', sans-serif;
|
|
--mono: 'IBM Plex Mono', monospace;
|
|
--background: #ECEEF2;
|
|
--foreground: #111827;
|
|
}
|
|
|
|
@theme inline {
|
|
--color-background: var(--background);
|
|
--color-foreground: var(--foreground);
|
|
--font-sans: var(--font-geist-sans);
|
|
--font-mono: var(--font-geist-mono);
|
|
}
|
|
|
|
* { box-sizing: border-box; }
|
|
html { scroll-behavior: smooth; font-size: 14px; }
|
|
body {
|
|
margin: 0;
|
|
min-height: 100vh;
|
|
background: #ECEEF2;
|
|
color: var(--foreground);
|
|
font-family: var(--font);
|
|
}
|