/*
 * KashVector design tokens
 *
 * Usage in vanilla tools:
 *   <link rel="stylesheet" href="/brand.css"> (or relative path)
 *   then reference var(--kv-accent) etc. in your own CSS.
 *
 * The Stock Evaluator re-declares these same values locally in style.css
 * using the shorter --bg / --accent / etc. names. If you import this file,
 * you can use the --kv-* names instead and skip the local declarations.
 */

:root {
  /* Backgrounds */
  --kv-bg:       #0f172a;   /* slate-900 — page background (always dark) */
  --kv-card:     #1e293b;   /* slate-800 — card / panel background */
  --kv-card-2:   #273449;   /* slate-750 — nested card, input background */

  /* Text */
  --kv-text:     #f1f5f9;   /* slate-100 — primary text */
  --kv-muted:    #94a3b8;   /* slate-400 — secondary / muted text */

  /* Accent (interactive elements — buttons, focus rings, active states) */
  --kv-accent:   #38bdf8;   /* sky-400 */
  --kv-accent-h: #0ea5e9;   /* sky-500 — hover / pressed */

  /* Border */
  --kv-border:   #334155;   /* slate-700 */

  /* Semantic — status colours (keep these regardless of accent changes) */
  --kv-pass:     #22c55e;   /* green-500 — positive value, pass criterion */
  --kv-fail:     #ef4444;   /* red-500   — negative value, fail criterion */
  --kv-warn:     #f59e0b;   /* amber-400 — caution */
}