/* Design tokens. Screens and components use only these variables (checked by tools/check.py). */
/* Brand hues come from the client's company profile theme: lime 94C600, olive 3E3D2D, orange FF6700. */
:root {
  --brand: #94C600;
  --brand-ink: #3E3D2D;
  --pri: #2E6B12;          /* action green, AA on white */
  --pri-hover: #24570D;
  --pri-soft: #E8F2DA;
  --on-pri: #FFFFFF;
  --accent: #D95B00;       /* used sparingly: estimates, highlights */
  --accent-soft: #FDEBDD;

  --ink: #23221A;
  --ink-2: #555447;
  --ink-3: #807E70;
  --bg: #F4F3EC;
  --surface: #FFFFFF;
  --surface-2: #F1F0E8;
  --surface-3: #E6E4DA;
  --line: #DAD8CC;
  --focus: #1D5FA8;

  --ok: #1E7B34;   --ok-soft: #E2F2E5;
  --warn: #9A5600; --warn-soft: #FFF0D9;
  --bad: #B42318;  --bad-soft: #FCE6E4;
  --info: #1D5FA8; --info-soft: #E4EDF9;
  --pend: #66655A; --pend-soft: #ECEBE4;
  --dec: #7A3EB1;  --dec-soft: #F1E8FA;   /* open client decision markers */

  --font: "Noto Sans", "Noto Sans Ethiopic", "Kefa", "Abyssinica SIL", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-num: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --r-s: 6px; --r-m: 10px; --r-l: 16px; --r-xl: 22px;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-8: 32px;
  --tap: 56px;            /* field app minimum touch target */
  --tap-web: 36px;
  --shadow-1: 0 1px 2px rgba(35,34,26,.08), 0 1px 1px rgba(35,34,26,.04);
  --shadow-2: 0 6px 24px rgba(35,34,26,.12), 0 2px 6px rgba(35,34,26,.06);
  --device: #1C1B16;
  --qr-bg: #FFFFFF; --qr-fg: #000000;   /* scanners need dark-on-light in both themes */
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --pri: #8CC63F; --pri-hover: #A3D65E; --pri-soft: #23301A; --on-pri: #13200A;
    --accent: #FF8A3D; --accent-soft: #3A2414;
    --ink: #ECEBE3; --ink-2: #BDBBAE; --ink-3: #8F8D80;
    --bg: #15140F; --surface: #1F1E18; --surface-2: #27261F; --surface-3: #313027; --line: #3A392F; --focus: #7FB2F0;
    --ok: #63C27A; --ok-soft: #17301D; --warn: #F0B25A; --warn-soft: #36280F; --bad: #F2857B; --bad-soft: #3A1915;
    --info: #7FB2F0; --info-soft: #172739; --pend: #B3B1A4; --pend-soft: #2B2A23; --dec: #C9A2EE; --dec-soft: #2C2038;
    --device: #000000; color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --pri: #8CC63F; --pri-hover: #A3D65E; --pri-soft: #23301A; --on-pri: #13200A;
  --accent: #FF8A3D; --accent-soft: #3A2414;
  --ink: #ECEBE3; --ink-2: #BDBBAE; --ink-3: #8F8D80;
  --bg: #15140F; --surface: #1F1E18; --surface-2: #27261F; --surface-3: #313027; --line: #3A392F; --focus: #7FB2F0;
  --ok: #63C27A; --ok-soft: #17301D; --warn: #F0B25A; --warn-soft: #36280F; --bad: #F2857B; --bad-soft: #3A1915;
  --info: #7FB2F0; --info-soft: #172739; --pend: #B3B1A4; --pend-soft: #2B2A23; --dec: #C9A2EE; --dec-soft: #2C2038;
  --device: #000000; color-scheme: dark;
}