/* /public_html/assets/tokens.css */
:root{
  /* Brand */
  --brand-orange:#f59e0b; --brand-gold:#fbbf24; --brand-green:#22c55e;

  /* Light neutrals */
  --bg:#ffffff; --bg-elev:#f7f7f9; --text:#0f172a; --text-soft:#334155;
  --border:#e5e7eb; --muted:#6b7280;

  /* Action */
  --accent:var(--brand-orange); --accent-contrast:#0b0f14;

  /* States */
  --success:#16a34a; --warning:#f59e0b; --danger:#ef4444;
}

/* Explicit dark via data-theme */
:root[data-theme="dark"]{
  --bg:#0b0f14; --bg-elev:#111827; --text:#e5e7eb; --text-soft:#cbd5e1;
  --border:#1f2937; --muted:#94a3b8;
  --accent:var(--brand-gold); --accent-contrast:#0b0f14;
  --success:#22c55e; --warning:#f59e0b; --danger:#f87171;
}

/* Auto-follow OS when not explicitly set */
@media (prefers-color-scheme: dark){
  :root:not([data-theme]){
    --bg:#0b0f14; --bg-elev:#111827; --text:#e5e7eb; --text-soft:#cbd5e1;
    --border:#1f2937; --muted:#94a3b8; --accent:var(--brand-gold);
    --accent-contrast:#0b0f14; --success:#22c55e; --warning:#f59e0b; --danger:#f87171;
  }
}