/* pomplabs shared theme — consumed at https://shared.pomplabs.com/theme.css * Loaded as the last in , after the app's bundled Tailwind + shadcn CSS. * Pure CSS only — no @import / @apply / @layer / @font-face. Fonts are loaded by each app locally. * Update: overwrite the S3 object and invalidate /theme.css on distribution E2NU7A2DMXZTWX. */ /* 1. :root — light-mode tokens (shadcn neutral base, OKLCH) */ :root { --background: oklch(100% 0 0); --foreground: oklch(14.5% 0 0); --card: oklch(100% 0 0); --card-foreground: oklch(14.5% 0 0); --popover: oklch(100% 0 0); --popover-foreground: oklch(14.5% 0 0); --primary: oklch(20.5% 0 0); --primary-foreground: oklch(98.5% 0 0); --secondary: oklch(97% 0 0); --secondary-foreground: oklch(20.5% 0 0); --muted: oklch(97% 0 0); --muted-foreground: oklch(55.6% 0 0); --accent: oklch(97% 0 0); --accent-foreground: oklch(20.5% 0 0); --destructive: oklch(57.7% 0.245 27.325); --border: oklch(92.2% 0 0); --input: oklch(92.2% 0 0); --ring: oklch(70.8% 0 0); --chart-1: oklch(87% 0 0); --chart-2: oklch(55.6% 0 0); --chart-3: oklch(43.9% 0 0); --chart-4: oklch(37.1% 0 0); --chart-5: oklch(26.9% 0 0); --radius: 0.625rem; --sidebar: oklch(98.5% 0 0); --sidebar-foreground: oklch(14.5% 0 0); --sidebar-primary: oklch(20.5% 0 0); --sidebar-primary-foreground: oklch(98.5% 0 0); --sidebar-accent: oklch(97% 0 0); --sidebar-accent-foreground: oklch(20.5% 0 0); --sidebar-border: oklch(92.2% 0 0); --sidebar-ring: oklch(70.8% 0 0); } /* 2. .dark — dark-mode tokens (the default for pomplabs apps) */ .dark { --background: oklch(14.5% 0 0); --foreground: oklch(98.5% 0 0); --card: oklch(16% 0.004 60); --card-foreground: oklch(98.5% 0 0); --popover: oklch(20.5% 0 0); --popover-foreground: oklch(98.5% 0 0); --primary: oklch(92.2% 0 0); --primary-foreground: oklch(20.5% 0 0); --secondary: oklch(26.9% 0 0); --secondary-foreground: oklch(98.5% 0 0); --muted: oklch(26.9% 0 0); --muted-foreground: oklch(70.8% 0 0); --accent: oklch(26.9% 0 0); --accent-foreground: oklch(98.5% 0 0); --destructive: oklch(70.4% 0.191 22.216); --border: oklch(100% 0 0 / 0.1); --input: oklch(100% 0 0 / 0.15); --ring: oklch(55.6% 0 0); --chart-1: oklch(87% 0 0); --chart-2: oklch(55.6% 0 0); --chart-3: oklch(43.9% 0 0); --chart-4: oklch(37.1% 0 0); --chart-5: oklch(26.9% 0 0); --sidebar: oklch(20.5% 0 0); --sidebar-foreground: oklch(98.5% 0 0); --sidebar-primary: oklch(48.8% 0.243 264.376); --sidebar-primary-foreground: oklch(98.5% 0 0); --sidebar-accent: oklch(26.9% 0 0); --sidebar-accent-foreground: oklch(98.5% 0 0); --sidebar-border: oklch(100% 0 0 / 0.1); --sidebar-ring: oklch(55.6% 0 0); } /* 3. .dark body texture — warm radial gradient matching pomp.pomplabs.com */ .dark body { background-color: #0a0a0b; background-image: radial-gradient(at 0 0, oklch(28% 0.02 80 / 0.55) 0, transparent 55%), radial-gradient(at 100% 0, oklch(22% 0.015 40 / 0.45) 0, transparent 55%), radial-gradient(at 85% 100%,oklch(25% 0.03 70 / 0.4) 0, transparent 60%), radial-gradient(at 10% 90%, oklch(20% 0.01 280 / 0.35) 0, transparent 55%); background-attachment: fixed; }