/* ZABR — Colors. Ink dominates (min 60% of surface), Gold signals (max 20%). */
:root{
  /* Gold — signal colour only */
  --gold:#FFB400;
  --gold-dark:#CC8C00;
  --gold-dim:#7A5200;
  --gold-wash:rgba(255,180,0,0.12);

  /* Ink — dark foundation */
  --ink-1:#0D0D0D;
  --ink-2:#1A1A17;
  --ink-3:#2C2C28;
  --ink-4:#3D3D38;

  /* Paper — light mode, print */
  --paper:#EDE8DE;
  --paper-2:#F5F1E8;

  /* Foreground steps (on ink) */
  --fg-1:#F0EBE1;
  --fg-2:#A89F90;
  --fg-3:#5C574F;
  --fg-on-paper:#1A1A17;

  /* Status — UI only, never in brand/marketing surfaces */
  --status-run:#22C55E;
  --status-warn:#FFB400;
  --status-alert:#EF4444;
  --status-idle:#5C574F;

  /* ── Semantic aliases ── */
  --surface-page:var(--ink-1);
  --surface-raised:var(--ink-2);
  --surface-card:var(--ink-3);
  --surface-light:var(--paper);
  --surface-accent:var(--gold);

  --text-body:var(--fg-1);
  --text-muted:var(--fg-2);
  --text-faint:var(--fg-3);
  --text-accent:var(--gold);
  --text-on-accent:var(--ink-1);
  --text-on-light:var(--fg-on-paper);

  --border-subtle:var(--ink-3);
  --border-strong:var(--ink-4);
  --border-accent:var(--gold-dim);

  --link:var(--gold);
  --link-hover:var(--gold-dark);

  --interactive-bg:var(--gold);
  --interactive-bg-hover:var(--gold-dark);
  --focus-ring:var(--gold);
}