/* tokens/teglo.dark.css — Phase 0 token foundation, theme layer ------------------------------------------------------------- Teglo brand: dark UI default, mint green accent. NOT gold. Source palette: palette lock v1.0.1. Activated by: Layer model: 1. Primitives ( --color-bg-base, --color-status-ok, --color-accent ... ) Components NEVER read these directly. 2. Semantic ( --surface-card-bg, --focus-ring, --accent ... ) Compounds — cards, inputs, modals, focus rings — read THIS layer. */ [data-theme="dark"] { /* ───────────── Primitives ───────────── */ /* Surface */ --color-bg-base: #0A0B0F; --color-bg-surface: #13151A; --color-bg-elevated: #1A1D24; --color-bg-glass: rgba(255, 255, 255, 0.03); --color-bg-overlay: rgba(10, 11, 15, 0.75); /* Text */ --color-text: #F1F5F9; --color-text-secondary: #94A3B8; --color-text-tertiary: #64748B; --color-text-inverse: #0A0B0F; --color-text-disabled: #475569; /* Border */ --color-border-subtle: rgba(255, 255, 255, 0.06); --color-border-default: rgba(255, 255, 255, 0.1); --color-border-strong: rgba(255, 255, 255, 0.18); /* Status */ --color-status-ok: #6EE7B7; --color-status-ok-bright: #34D399; --color-status-warn: #E6FF9A; --color-status-warn-bright: #C6E85A; --color-status-danger: #F588FD; --color-status-danger-bright: #E850F5; --color-status-muted: #64748B; /* Accent — Teglo mint, palette lock v1.0.1. Per-vertical overrides land via