/* Greenwood training tokens and display utilities, head-linked so the
   designer canvas sees them. The fonts are the Google Fonts link in
   anvil.yaml head_html. */

:root {
  /* Greenwood × PX — light */
  --gw-bg:#FFF8F6; --gw-paper:#FFFFFF; --gw-paper-2:#FBF4ED;
  --gw-bd:#EAE0D2; --gw-bd-2:#DDD0BA;
  --gw-ink:#171717; --gw-ink-2:#3F4756; --gw-mute:#7A8295;
  --gw-moss:#3E6B4F; --gw-moss-d:#264536; --gw-sage:#6B8E6B; --gw-sage-pale:#E1ECDF;
  --gw-brand:#F68B1F; --gw-brand-d:#EF700E; --gw-brand-pale:#FEEAD3; --gw-terra:#9A4523;
  --gw-success:#2E7D5B; --gw-success-pale:#E1F0E5;
  --gw-warn-c:#C97A1C; --gw-warn-pale:#FCEAD0;
  --gw-danger:#C53A4B; --gw-danger-pale:#F6DDDF;

  --gw-shadow-1:0 1px 2px rgba(15,23,42,0.04);
  --gw-shadow-2:0 4px 14px -6px rgba(15,23,42,0.10), 0 1px 2px rgba(15,23,42,0.04);
  --gw-shadow-3:0 24px 48px -28px rgba(15,23,42,0.18), 0 4px 12px -4px rgba(15,23,42,0.06);

  --gw-r-sm:8px; --gw-r-md:12px; --gw-r-lg:18px; --gw-r-xl:24px; --gw-r-pill:999px;

  --gw-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --gw-font-mono:"Roboto Mono","SF Mono","Monaco",monospace;
  --gw-font-brand:"Archivo Black",system-ui,sans-serif;
  --gw-font-emph:"Instrument Serif",Georgia,serif;

  --gw-t:200ms cubic-bezier(.4,0,.2,1);
}
:root[data-theme="dark"] {
  --gw-bg:#0F172A; --gw-paper:#1E293B; --gw-paper-2:#27324A;
  --gw-bd:#334155; --gw-bd-2:#475569;
  --gw-ink:#F1F5F9; --gw-ink-2:#CBD5E1; --gw-mute:#94A3B8;
  --gw-moss:#6BAA84; --gw-moss-d:#4A8264; --gw-sage:#5A8A6E; --gw-sage-pale:#1A2E22;
  --gw-brand:#FFA94D; --gw-brand-d:#F68B1F; --gw-brand-pale:#3D2814; --gw-terra:#C97C5D;
  --gw-success:#4ADE80; --gw-success-pale:#14532D;
  --gw-warn-c:#FBBF24; --gw-warn-pale:#78350F;
  --gw-danger:#F87171; --gw-danger-pale:#7F1D1D;
  --gw-shadow-1:0 1px 2px rgba(0,0,0,0.30);
  --gw-shadow-2:0 4px 14px -4px rgba(0,0,0,0.45), 0 1px 2px rgba(0,0,0,0.28);
  --gw-shadow-3:0 24px 48px -16px rgba(0,0,0,0.55), 0 4px 12px -4px rgba(0,0,0,0.32);
}