.public-theme { --background: #f8fafc; --foreground: #0f172a; --card: #ffffff; --card-foreground: #0f172a; --popover: #ffffff; --popover-foreground: #0f172a; --primary: #6E4CF8; --primary-foreground: #ffffff; --secondary: #f1f5f9; --secondary-foreground: #0f172a; --muted: #f1f5f9; --muted-foreground: #475569; --accent: #f1f5f9; --accent-foreground: #0f172a; --destructive: #dc2626; --border: #e2e8f0; --input: #e2e8f0; --ring: #6E4CF8; --brand-primary: #6E4CF8; --brand-secondary: #0F0F1E; --brand-tertiary: #f1f5f9; --success: #16a34a; --brand-on-dark: #6E4CF8; --brand-on-dark-contrast: #f8fafc; --accent-on-dark: #0F0F1E; --radius: 0.75rem; --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; --font-heading: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; --shadow-sm: 0 1px 2px 0 rgba(15,23,42,0.06); --shadow-md: 0 4px 12px -2px rgba(15,23,42,0.10); --shadow-lg: 0 12px 32px -8px rgba(15,23,42,0.16); --container-width: 1200px; } .dark .public-theme { --background: #0f172a; --foreground: #f8fafc; --card: #1e293b; --card-foreground: #f8fafc; --popover: #1e293b; --popover-foreground: #f8fafc; --primary: #6E4CF8; --primary-foreground: #f8fafc; --secondary: #273449; --secondary-foreground: #f8fafc; --muted: #273449; --muted-foreground: #94a3b8; --accent: #273449; --accent-foreground: #f8fafc; --destructive: #ef4444; --border: #334155; --input: #334155; --ring: #6E4CF8; --brand-primary: #6E4CF8; --brand-secondary: #0F0F1E; --brand-tertiary: #273449; --success: #22c55e; --brand-on-dark: #6E4CF8; --brand-on-dark-contrast: #f8fafc; --accent-on-dark: #0F0F1E; }