/* ============================================================ * Design-Tokens – Episkepsis UG * Light/Dark-Sets sind vorbereitet (s. .dark unten), * aktuell ist nur :root (Light) aktiv. Ein späterer Theme-Toggle * setzt einfach die .dark-Klasse auf . * ============================================================ */ :root { --card: #f8f5f0; --ring: #2e7d32; --input: #e0d6c9; --muted: #f0e9e0; --accent: #c8e6c9; --border: #e0d6c9; --radius: 0.5rem; --chart-1: #4caf50; --chart-2: #388e3c; --chart-3: #2e7d32; --chart-4: #1b5e20; --chart-5: #0a1f0c; --popover: #f8f5f0; --primary: #2e7d32; --sidebar: #f0e9e0; --font-mono: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --font-sans: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --secondary: #e8f5e9; --background: #f8f5f0; --font-serif: "Merriweather", "Iowan Old Style", Georgia, "Times New Roman", serif; --foreground: #3e2723; --destructive: #c62828; --sidebar-ring: #2e7d32; --sidebar-accent: #c8e6c9; --sidebar-border: #e0d6c9; --card-foreground: #3e2723; --sidebar-primary: #2e7d32; --muted-foreground: #6d4c41; --accent-foreground: #1b5e20; --popover-foreground: #3e2723; --primary-foreground: #ffffff; --sidebar-foreground: #3e2723; --secondary-foreground: #1b5e20; --destructive-foreground: #ffffff; --sidebar-accent-foreground: #1b5e20; --sidebar-primary-foreground: #ffffff; /* --- Eigene Ergänzungen (nicht im User-Theme, nötig fürs Layout) --- */ --primary-hover: #1b5e20; --fs-xs: 0.8125rem; --fs-sm: 0.9375rem; --fs-base: 1rem; --fs-md: 1.125rem; --fs-lg: 1.375rem; --fs-xl: 1.75rem; --fs-2xl: 2.25rem; --fs-3xl: 3rem; --lh-tight: 1.2; --lh-base: 1.6; --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4rem; --space-9: 6rem; --max-width: 1100px; --content-width: 720px; --shadow-sm: 0 1px 2px rgba(62, 39, 35, 0.04); --shadow: 0 2px 12px rgba(62, 39, 35, 0.08); } .dark { --card: #2d3a2e; --ring: #4caf50; --input: #3e4a3d; --muted: #2d3a2e; --accent: #388e3c; --border: #3e4a3d; --radius: 0.5rem; --chart-1: #81c784; --chart-2: #66bb6a; --chart-3: #4caf50; --chart-4: #43a047; --chart-5: #388e3c; --popover: #2d3a2e; --primary: #4caf50; --sidebar: #1c2a1f; --secondary: #3e4a3d; --background: #1c2a1f; --foreground: #f0ebe5; --destructive: #c62828; --sidebar-ring: #4caf50; --sidebar-accent: #388e3c; --sidebar-border: #3e4a3d; --card-foreground: #f0ebe5; --sidebar-primary: #4caf50; --muted-foreground: #d7cfc4; --accent-foreground: #f0ebe5; --popover-foreground: #f0ebe5; --primary-foreground: #0a1f0c; --sidebar-foreground: #f0ebe5; --secondary-foreground: #d7e0d6; --destructive-foreground: #f0ebe5; --sidebar-accent-foreground: #f0ebe5; --sidebar-primary-foreground: #0a1f0c; --primary-hover: #66bb6a; }