/* ===== Design tokens — imgar Autopoint ===== */
:root{
  /* Color ramp */
  --green-900:#0F2A16;--green-800:#154021;--green-700:#1D5A2B;--green-600:#277A36;
  --green-500:#3CA34A;--green-400:#5CBB68;--green-300:#8CD497;--green-200:#BFE9C4;--green-100:#E7F6E9;--green-050:#F3FBF4;
  --ink-900:#0B0D0B;--ink-800:#141714;--ink-700:#22261F;--ink-600:#3A3F37;
  --gray-700:#54594F;--gray-500:#82877C;--gray-300:#C4C8BE;--gray-200:#DEE1D8;--gray-100:#EFF1EA;--gray-050:#F7F8F4;
  --white:#FFFFFF;
  --red-500:#D14343;--amber-500:#E2A13B;

  --brand:var(--green-500);--brand-dark:var(--green-700);--brand-light:var(--green-300);

  --text-primary:var(--ink-900);--text-secondary:var(--gray-700);--text-muted:var(--gray-500);
  --text-on-brand:var(--white);--text-on-dark:var(--white);

  --surface-page:var(--white);--surface-fog:#FAFBF7;--surface-sunken:var(--gray-050);
  --surface-card:var(--white);--surface-dark:var(--ink-900);--surface-tint:var(--green-050);

  --border-subtle:var(--gray-200);--border-default:var(--gray-300);--border-strong:var(--ink-900);

  --focus-ring:var(--green-500);--success:var(--green-600);--danger:var(--red-500);--warning:var(--amber-500);

  /* Typography */
  --font-display:'Poppins',ui-sans-serif,system-ui,sans-serif;
  --font-body:'Inter',ui-sans-serif,system-ui,sans-serif;
  --text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:18px;--text-lg:20px;
  --text-xl:24px;--text-2xl:32px;--text-3xl:40px;--text-4xl:56px;--text-5xl:72px;
  --leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.55;--leading-loose:1.7;
  --tracking-tight:-0.02em;--tracking-wide:0.06em;--tracking-wider:0.14em;
  --weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;

  /* Spacing / radius / shadow / motion */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;
  --space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
  --radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--radius-pill:999px;
  --container-max:1240px;
  --shadow-sm:0 1px 2px rgba(11,13,11,0.06),0 1px 1px rgba(11,13,11,0.04);
  --shadow-md:0 8px 24px rgba(11,13,11,0.08),0 2px 6px rgba(11,13,11,0.05);
  --shadow-lg:0 24px 64px rgba(11,13,11,0.14),0 6px 16px rgba(11,13,11,0.08);
  --shadow-brand:0 16px 40px rgba(60,163,74,0.28);
  --ease-standard:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --duration-fast:140ms;--duration-normal:240ms;--duration-slow:420ms;

  --header-h:76px;
}