/* ============================================================
 * Alcedo — Color tokens
 * Deep, calm dark stage. Two functional accents from the kingfisher:
 * amber (the beak — action/focus/brand) and green (status — live/ok).
 * Text is warm cream, never pure white.
 * ============================================================ */
:root {
  /* --- Base palette --- */
  --bg-deep: #0B0D11;      /* primary stage */
  --bg-card: #0F1218;      /* surface / card */
  --bg-elev: #14181F;      /* elevated control / input chrome */
  --bg-sunk: #080A0F;      /* sunken code wells */

  --border: #1F232C;       /* default hairline */
  --border-soft: #181C23;  /* quieter hairline */

  --text: #F2EEE3;         /* cream — primary text */
  --text-dim: #8B8F99;     /* secondary text */
  --text-mute: #5A5E68;    /* labels, captions, idle */
  --text-faint: #3A3D44;   /* punctuation, disabled, dividers */

  /* Amber — brand / action / focus (the beak) */
  --amber: #D49858;
  --amber-soft: #E5B47A;
  --amber-deep: #A87238;
  /* Corner-bracket frame motif — intentionally softer than full amber so the
   * signature framing reads as a quiet accent, not a dominant outline. Single
   * global knob: dial the opacity up/down to taste. */
  --bracket: color-mix(in srgb, var(--amber) 55%, transparent);

  /* Signal green — live / ready / executed / profit */
  --green: #7CC97A;
  --green-dim: #4F8F50;

  /* Loss / danger — muted, brand-coherent red (never alarmist) */
  --red: #D45050;
  --red-soft: #E86E6E;
  --red-deep: #A83838;

  /* Grid lines (use over --bg-deep) */
  --grid: rgba(255, 255, 255, 0.022);
  --grid-strong: rgba(255, 255, 255, 0.05);

  /* Translucent accent washes (selected states, tints) */
  --amber-wash: rgba(212, 152, 88, 0.06);
  --amber-wash-strong: rgba(212, 152, 88, 0.12);
  --green-wash: rgba(124, 201, 122, 0.04);
  --red-wash: rgba(212, 80, 80, 0.04);

  /* ============================================================
   * Semantic aliases — prefer these in components
   * ============================================================ */
  --surface-page: var(--bg-deep);
  --surface-card: var(--bg-card);
  --surface-control: var(--bg-elev);
  --surface-well: var(--bg-sunk);

  --text-body: var(--text);
  --text-secondary: var(--text-dim);
  --text-label: var(--text-mute);
  --text-disabled: var(--text-faint);

  --accent: var(--amber);
  --accent-hover: var(--amber-soft);
  --accent-press: var(--amber-deep);
  --accent-on: #0B0D11;          /* text/icon color ON amber fills */

  --status-ok: var(--green);
  --status-watch: var(--amber);
  --status-loss: var(--red);

  --line: var(--border);
  --line-soft: var(--border-soft);
  --focus-ring: var(--amber);
}