/* alphaTrack UI — token contract. * * Two layers of customization: * - data-theme="" on picks surfaces (bg, panel, border, text, etc.) * - data-app="" on picks the brand accent * * Themes never set --ui-accent / --ui-on-accent — accents are app-identity * and stay consistent as the user swaps themes. * * Components read only these semantic tokens. Never hardcode hex values * inside ui.css; always go through a token here. * * Defaults below are the "Aurora" dark palette + a neutral blue accent, * so an app that forgets to set data-theme/data-app still renders cleanly. */ :root { /* surfaces — replaced by themes.css */ --ui-bg: #0e0f13; --ui-panel: #181a22; --ui-panel-2: #13151c; --ui-panel-hover: #1f2230; --ui-border: #262833; --ui-text: #e6e8ee; --ui-text-dim: #b3b7c4; --ui-muted: #8a8f9c; --ui-danger: #ff7a85; --ui-success: #5dd99c; --ui-warning: #ffc66d; --ui-info: #6aa9ff; /* chart slots — replaced by themes.css; map domain values onto these */ --ui-c1: #6aa9ff; --ui-c2: #ff7a85; --ui-c3: #ffc66d; --ui-c4: #b58cff; --ui-c5: #5dd99c; --ui-c6: #ff9ec9; /* brand accent — replaced by apps.css */ --ui-accent: #6aa9ff; --ui-on-accent: #0c111c; /* shape and rhythm — single source of truth */ --ui-radius-sm: 6px; --ui-radius: 8px; --ui-radius-lg: 12px; --ui-radius-pill: 999px; --ui-shadow-sm: 0 2px 8px rgba(0,0,0,0.18); --ui-shadow: 0 6px 20px rgba(0,0,0,0.45); --ui-shadow-lg: 0 8px 24px rgba(0,0,0,0.5); --ui-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; --ui-font-mono: ui-monospace, SFMono-Regular, "Menlo", "Consolas", monospace; /* spacing scale (used inside components; apps may also use directly) */ --ui-space-1: 0.25rem; --ui-space-2: 0.5rem; --ui-space-3: 0.75rem; --ui-space-4: 1rem; --ui-space-5: 1.5rem; /* z-index layers */ --ui-z-dropdown: 60; --ui-z-modal: 100; --ui-z-toast: 200; --ui-z-auth: 1000; /* timing */ --ui-trans-fast: 120ms; --ui-trans: 180ms; }