| :root { | |
| --zen-accent-h: 280; | |
| --zen-accent-s: 95%; | |
| --zen-accent-l: 55%; | |
| --zen-font: "Inter", "Segoe UI", Arial, sans-serif; | |
| } | |
| html, body, * { font-family: var(--zen-font); font-size: 1.05em; } | |
| .gr-button-primary { background: hsl(var(--zen-accent-h) var(--zen-accent-s) var(--zen-accent-l)); color: white; } | |
| .gr-button-primary:hover { filter: brightness(1.15); } | |
| .gr-chatbot .message.user, | |
| .gr-chatbot .message.bot { | |
| background: hsla(var(--zen-accent-h), var(--zen-accent-s), 25%, 0.25); | |
| color: #fff; | |
| } | |
| body { background: #0d1117; color: #e6edf3; } | |
| #zen-header { color: #d2a8ff; font-size: 1.6em; font-weight: bold; } | |