/* Shared design tokens — single source of truth for both the web admin
   (Propshaft-served from app/assets/stylesheets/) AND the ZAF iframe
   (copied into the zip by ZafPackager from this same path). Sizing is
   intentionally OMITTED here because each surface has its own density:
   web is generous (16px body, 6px radius, rem-based spacing scale),
   iframe is dense (13px body, 4px radius, smaller px gaps). Each
   surface's root.css adds its own sizing on top of these tokens.

   When changing a brand color, change it here — the iframe picks it up
   on the next admin/zendesk-app.zip rebuild. */

:root {
  /* Surfaces */
  --bg:           #fdfcf6;  /* warm off-white page */
  --surface:      #ffffff;  /* card / panel face */
  --surface-2:    #f4f0e3;  /* sunken / striped row / code background */

  /* Ink scale */
  --ink:          #1c1b18;  /* primary text */
  --ink-soft:     #4a4843;  /* secondary text */
  --ink-muted:    #76736b;  /* tertiary / labels */
  --ink-faint:    #a6a299;  /* placeholder / disabled */

  /* Hairlines */
  --rule:         #e5e1d3;
  --rule-soft:    #ede9db;
  --rule-strong:  #cdc7b3;

  /* Brand accent — Basecamp-style red-orange */
  --accent:       #e94e1b;
  --accent-hover: #c83f10;
  --accent-ink:   #ffffff;
  --accent-soft:  #fdeae0;

  /* Status */
  --ok:           #2e7d3a;
  --ok-soft:      #e3efde;
  --warn:         #a8650f;
  --warn-soft:    #fbe9c5;
  --err:          #c1272d;
  --err-hover:    #9d1f24;  /* darker red for danger-button hover */
  --err-soft:     #fadcd9;

  /* Type stack. Inter for everything text, JetBrains Mono for code/mono.
     Both load via Google Fonts in each surface's HTML head; system
     fallbacks kick in if the network blocks them. The `--serif` alias
     points at Inter so legacy `font-family: var(--serif)` rules keep
     working — the design intentionally has no serif. */
  --sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", system-ui, sans-serif;
  --serif:   "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", system-ui, sans-serif;
  --mono:    "JetBrains Mono", ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;
}