/* VHS interface tokens. Brand accents follow the selected app theme;
   status, chart, and agent-role colors remain independent. */
:root {
  --theme-primary: #9333ea;
  --theme-secondary: #6366f1;
  --theme-accent: #a855f7;
  --app-bg: #020617;
  --app-surface: #0f172a;
  --app-surface-raised: #1e293b;
  --app-glass: rgba(255, 255, 255, .06);
  --app-border: rgba(255, 255, 255, .15);
  --app-text: #f1f5f9;
  --app-muted: #cbd5e1;
  --app-subtle: #94a3b8;
  --app-link: color-mix(in srgb, var(--theme-accent) 45%, white);
  --app-tint: color-mix(in srgb, var(--theme-primary) 18%, var(--app-surface));
  --app-primary: color-mix(in srgb, var(--theme-primary) 75%, #020617);
  --app-button: linear-gradient(135deg, var(--app-primary), color-mix(in srgb, var(--theme-secondary) 65%, #020617));
  --app-background: radial-gradient(ellipse at 25% 0%, color-mix(in srgb, var(--theme-primary) 16%, transparent), transparent 55%), radial-gradient(ellipse at 75% 80%, color-mix(in srgb, var(--theme-secondary) 12%, transparent), transparent 55%), var(--app-bg);
  --app-font: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.app-page {
  background: var(--app-background);
  color: var(--app-text);
  color-scheme: dark;
}
.app-surface { background: var(--app-surface); color: var(--app-text); }
.app-panel { background: var(--app-glass); border-color: var(--app-border); }
.app-text { color: var(--app-text); }
.app-muted { color: var(--app-muted); }
.app-subtle { color: var(--app-subtle); }
.app-link { color: var(--app-link); }
.app-primary { background: var(--app-button); color: white; border-color: var(--theme-accent); }
.app-primary:hover:not(:disabled) { filter: brightness(1.12); }
.app-control { background: var(--app-surface-raised); color: var(--app-text); border-color: var(--app-border); }
.app-control::placeholder { color: var(--app-subtle); }

input.app-surface, textarea.app-surface, select.app-surface { color: var(--app-text); }
input.app-surface::placeholder, textarea.app-surface::placeholder { color: var(--app-subtle); }