/* BlazorBlueprint theme variables, branded for ingest.studio. Die Mockups (mockups/*.pdf) definieren ein dunkles Studio-Design mit Amber-Akzent und Monospace-Typografie. Dark ist der Standard-Modus und wird über die `dark`-Klasse auf aktiviert (in beiden Hosts gesetzt). */ :root { /* Core colors */ --background: oklch(0.985 0.002 80); --foreground: oklch(0.185 0.006 280); --card: oklch(1 0 0); --card-foreground: oklch(0.185 0.006 280); --popover: oklch(1 0 0); --popover-foreground: oklch(0.185 0.006 280); --primary: oklch(0.68 0.135 70); --primary-foreground: oklch(0.16 0.03 70); --secondary: oklch(0.955 0.004 80); --secondary-foreground: oklch(0.25 0.006 280); --muted: oklch(0.955 0.004 80); --muted-foreground: oklch(0.52 0.01 280); --accent: oklch(0.94 0.008 80); --accent-foreground: oklch(0.2 0.006 280); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(1 0 0); --border: oklch(0.9 0.005 80); --input: oklch(0.9 0.005 80); --ring: oklch(0.68 0.135 70); /* Alert colors */ --alert-success: oklch(0.55 0.20 142); --alert-success-foreground: oklch(0.30 0.09 142); --alert-success-bg: oklch(0.993 0.003 142); --alert-info: oklch(0.50 0.20 255); --alert-info-foreground: oklch(0.30 0.10 255); --alert-info-bg: oklch(0.993 0.003 255); --alert-warning: oklch(0.68 0.18 55); --alert-warning-foreground: oklch(0.35 0.10 55); --alert-warning-bg: oklch(0.995 0.003 55); --alert-danger: oklch(0.55 0.22 27); --alert-danger-foreground: oklch(0.30 0.12 27); --alert-danger-bg: oklch(0.993 0.003 27); /* Chart colors */ --chart-1: oklch(0.78 0.13 75); --chart-2: oklch(0.68 0.14 150); --chart-3: oklch(0.62 0.15 250); --chart-4: oklch(0.60 0.18 300); --chart-5: oklch(0.58 0.20 25); /* Sidebar colors */ --sidebar: oklch(0.97 0.003 80); --sidebar-foreground: oklch(0.185 0.006 280); --sidebar-primary: oklch(0.68 0.135 70); --sidebar-primary-foreground: oklch(0.16 0.03 70); --sidebar-accent: oklch(0.93 0.008 80); --sidebar-accent-foreground: oklch(0.2 0.006 280); --sidebar-border: oklch(0.9 0.005 80); --sidebar-ring: oklch(0.68 0.135 70); /* Typography & layout */ --radius: 0.375rem; --font-sans: "JetBrains Mono", "Cascadia Code", "Cascadia Mono", "SF Mono", Consolas, ui-monospace, monospace; --font-serif: ui-serif, Georgia, serif; --font-mono: "JetBrains Mono", "Cascadia Code", "Cascadia Mono", "SF Mono", Consolas, ui-monospace, monospace; /* App-Shell dimensions */ --appbar-height: 3.25rem; --sidebar-width: 15rem; --sidebar-width-mobile: 18rem; --sidebar-width-icon: 3rem; } .dark { /* Core colors */ --background: oklch(0.19 0.005 280); --foreground: oklch(0.93 0.003 280); --card: oklch(0.215 0.005 280); --card-foreground: oklch(0.93 0.003 280); --popover: oklch(0.235 0.005 280); --popover-foreground: oklch(0.93 0.003 280); --primary: oklch(0.78 0.13 75); --primary-foreground: oklch(0.2 0.045 75); --secondary: oklch(0.255 0.005 280); --secondary-foreground: oklch(0.93 0.003 280); --muted: oklch(0.255 0.005 280); --muted-foreground: oklch(0.62 0.008 280); --accent: oklch(0.275 0.006 280); --accent-foreground: oklch(0.93 0.003 280); --destructive: oklch(0.704 0.191 22.216); --destructive-foreground: oklch(0.985 0 0); --border: oklch(0.28 0.007 280); --input: oklch(0.32 0.007 280); --ring: oklch(0.78 0.13 75); /* Alert colors */ --alert-success: oklch(0.60 0.18 142); --alert-success-foreground: oklch(0.90 0.06 142); --alert-success-bg: oklch(0.18 0.008 142); --alert-info: oklch(0.55 0.18 255); --alert-info-foreground: oklch(0.90 0.05 255); --alert-info-bg: oklch(0.18 0.008 255); --alert-warning: oklch(0.65 0.16 55); --alert-warning-foreground: oklch(0.92 0.06 55); --alert-warning-bg: oklch(0.19 0.008 55); --alert-danger: oklch(0.55 0.20 27); --alert-danger-foreground: oklch(0.90 0.06 27); --alert-danger-bg: oklch(0.18 0.008 27); /* Sidebar colors */ --sidebar: oklch(0.165 0.005 280); --sidebar-foreground: oklch(0.82 0.005 280); --sidebar-primary: oklch(0.78 0.13 75); --sidebar-primary-foreground: oklch(0.2 0.045 75); --sidebar-accent: oklch(0.24 0.006 280); --sidebar-accent-foreground: oklch(0.93 0.003 280); --sidebar-border: oklch(0.25 0.006 280); --sidebar-ring: oklch(0.78 0.13 75); }