/* * DraftIQ theme tokens (tweakcn drop-in). * * Paste :root + .dark from a tweakcn.com Tailwind v4 / OKLCH export here. * Omit @import, @custom-variant, @theme inline, and @layer base — this app * does not run Tailwind. Do not set data-base-color / data-primary-color on * , or BlazorBlueprint attribute selectors will override these vars. */ :root { color-scheme: light; --warning: oklch(0.769 0.188 70.08); --tertiary: oklch(0.6200 0.1050 195); --tertiary-foreground: oklch(1.0000 0 0); --tertiary-emphasis: oklch(0.5000 0.0860 195); /* Sage green complement to orange primary + teal tertiary; action-needed info pills. */ --info: oklch(0.5600 0.1180 148); --info-foreground: oklch(1.0000 0 0); --info-emphasis: oklch(0.4300 0.1000 148); --background: oklch(0.9818 0.0054 95.0986); --foreground: oklch(0.3438 0.0269 95.7226); --card: oklch(0.9665 0.0067 97.3521); --card-foreground: oklch(0.1908 0.0020 106.5859); --popover: oklch(1.0000 0 0); --popover-foreground: oklch(0.2671 0.0196 98.9390); --primary: oklch(0.6171 0.1375 39.0427); --primary-foreground: oklch(1.0000 0 0); --secondary: oklch(0.9245 0.0138 92.9892); --secondary-foreground: oklch(0.4334 0.0177 98.6048); --muted: oklch(0.9341 0.0153 90.2390); --muted-foreground: oklch(0.5341 0.0078 97.4503); --accent: oklch(0.9245 0.0138 92.9892); --accent-foreground: oklch(0.2671 0.0196 98.9390); --destructive: oklch(0.577 0.2078 25.3313); --destructive-foreground: oklch(1.0000 0 0); --border: oklch(0.8847 0.0069 97.3627); --input: oklch(0.7621 0.0156 98.3528); --ring: oklch(0.55 0 0); --chart-1: oklch(0.5583 0.1276 42.9956); --chart-2: oklch(0.6898 0.1581 290.4107); --chart-3: oklch(0.8816 0.0276 93.1280); --chart-4: oklch(0.8822 0.0403 298.1792); --chart-5: oklch(0.5608 0.1348 42.0584); --sidebar: oklch(0.9663 0.0080 98.8792); --sidebar-foreground: oklch(0.3590 0.0051 106.6524); --sidebar-primary: oklch(0.6171 0.1375 39.0427); --sidebar-primary-foreground: oklch(0.9881 0 0); --sidebar-accent: oklch(0.9245 0.0138 92.9892); --sidebar-accent-foreground: oklch(0.3250 0 0); --sidebar-border: oklch(0.9401 0 0); --sidebar-ring: oklch(0.7731 0 0); --font-sans: Outfit, sans-serif; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: "Geist Mono", ui-monospace, monospace; --radius: 1rem; --shadow-x: 0; --shadow-y: 1px; --shadow-blur: 3px; --shadow-spread: 0px; --shadow-opacity: 0.1; --shadow-color: oklch(0 0 0); --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05); --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05); --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10); --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10); --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10); --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10); --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10); --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25); --tracking-normal: 0em; --spacing: 0.25rem; } .dark { color-scheme: dark; --warning: oklch(0.769 0.188 70.08); --tertiary: oklch(0.7200 0.1000 195); --tertiary-foreground: oklch(0.1908 0.0020 106.5859); --tertiary-emphasis: oklch(0.7200 0.1000 195); --info: oklch(0.7400 0.1100 148); --info-foreground: oklch(0.1908 0.0020 106.5859); --info-emphasis: oklch(0.7400 0.1100 148); --background: oklch(0.2679 0.0036 106.6427); --foreground: oklch(0.9576 0.0027 106.4494); --card: oklch(0.2928 0.0018 106.5092); --card-foreground: oklch(0.9818 0.0054 95.0986); --popover: oklch(0.3085 0.0035 106.6039); --popover-foreground: oklch(0.9211 0.0040 106.4781); --primary: oklch(0.6724 0.1308 38.7559); --primary-foreground: oklch(0.1908 0.0020 106.5859); --secondary: oklch(0.3085 0.0035 106.6039); --secondary-foreground: oklch(0.9818 0.0054 95.0986); --muted: oklch(0.2213 0.0038 106.7070); --muted-foreground: oklch(0.7713 0.0169 99.0657); --accent: oklch(0.2130 0.0078 95.4245); --accent-foreground: oklch(0.9663 0.0080 98.8792); --destructive: oklch(0.6368 0.2078 25.3313); --destructive-foreground: oklch(1.0000 0 0); --border: oklch(0.3618 0.0101 106.8928); --input: oklch(0.4336 0.0113 100.2195); --ring: oklch(0.7731 0 0); --chart-1: oklch(0.5583 0.1276 42.9956); --chart-2: oklch(0.6898 0.1581 290.4107); --chart-3: oklch(0.2130 0.0078 95.4245); --chart-4: oklch(0.3074 0.0516 289.3230); --chart-5: oklch(0.5608 0.1348 42.0584); --sidebar: oklch(0.2357 0.0024 67.7077); --sidebar-foreground: oklch(0.8074 0.0142 93.0137); --sidebar-primary: oklch(0.3250 0 0); --sidebar-primary-foreground: oklch(0.9881 0 0); --sidebar-accent: oklch(0.1680 0.0020 106.6177); --sidebar-accent-foreground: oklch(0.8074 0.0142 93.0137); --sidebar-border: oklch(0.9401 0 0); --sidebar-ring: oklch(0.7731 0 0); --font-sans: Outfit, sans-serif; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: "Geist Mono", ui-monospace, monospace; --radius: 1rem; --shadow-x: 0; --shadow-y: 1px; --shadow-blur: 3px; --shadow-spread: 0px; --shadow-opacity: 0.1; --shadow-color: oklch(0 0 0); --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05); --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05); --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10); --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10); --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10); --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10); --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10); --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25); }