/* SessionKit — Flockclub design tokens (from handoff README) */
:root {
  /* Brand / greens */
  --green:#1C3F2C;            /* primary CTA, brand */
  --green-hover:#142D1E;      /* hover/pressed + headings */
  --emerald:#2F8E5C;          /* success/confirmed */
  --emerald-deep:#1F5C3A;     /* text on tint */
  --gold:#DDA941;             /* logo dot, highlight */

  /* Status ramp */
  --healthy-fg:#1F5C3A;  --healthy-bg:#DCEFE2;
  --caution-fg:#8A5A12;  --caution-bg:#F6EBD3;  --caution-num:#A0700F;
  --critical:#B5482E;    --critical-fg:#9A3B22; --critical-bg:#F4E4DD;
  --ochre:#B8861B;
  --navy:#1E2952;        --navy-bg:#E7EAF3;
  --khaki:#9CA77F;

  /* Neutrals (warm) */
  --page:#ECE7DA;            /* app gray */
  --surface:#FAF5EA;         /* ivory inner surface */
  --card:#FFFFFF;
  --fill-1:#F0EDE3; --fill-2:#F3EEE1; --fill-3:#FBF7EE; --fill-4:#F7F4EC;

  --text:#3F3528;            /* body */
  --text-2:#5C5343;          /* secondary */
  --muted:#8C8478;           /* muted */
  --faint:#A8A091; --faint-2:#B6AE9E;
  --heading:#142D1E;

  --border:#D9D0BD;          /* warm */
  --input:#E4DCC9; --input-2:#E0D8C6;
  --divider:#F1ECDE; --divider-2:#F3EEE1;

  /* Avatar tints (rotate per client) */
  --tint-wheat:#E8E0CC;  --tint-mint:#E9F3EC;  --tint-cream:#F8EDD7;
  --tint-lav:#E7EAF3;    --tint-clay:#F4E4DD;

  /* Radius */
  --r-card:16px; --r-card-sm:14px; --r-btn:11px; --r-pill:999px;

  /* Shadows (green-tinted) */
  --sh-card:0 4px 16px rgba(28,63,44,0.08);
  --sh-sm:0 3px 12px rgba(28,63,44,0.06);
  --sh-cta:0 2px 8px rgba(28,63,44,0.25);
  --sh-modal:0 24px 60px rgba(28,63,44,0.32);

  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,Menlo,monospace;
}