/* PayPanda design tokens — shared by the marketing site, every checkout
   page, and the legal pages. Colors are sampled directly from the real
   PayPanda logo (green + navy), not arbitrary picks — change a value here
   and it updates everywhere.
   Checkout pages (assets/css/checkout.css) run their own light theme and
   override the --brand-* accent trio per merchant; everything else here
   is the PayPanda site theme. */
:root{
  --bg:#ffffff;
  --bg-alt:#f4f8f6;
  --surface:#ffffff;
  --fg:#0f1b22;
  --muted:#5b6b72;
  --border-soft:#e4eae7;
  --border-hover:#9bcfb0;

  --green:#0b7a45;
  --green-deep:#075c34;
  --green-bright:#12a35c;
  --navy:#12212a;
  --teal:#0b7a9e;

  --radius:16px;
  --radius-sm:10px;
  --shadow-soft:0 20px 45px -22px rgba(15,27,34,0.18);
  --shadow-card:0 1px 2px rgba(15,27,34,0.04), 0 12px 28px -18px rgba(15,27,34,0.12);
  --glow-green:0 0 0 4px rgba(11,122,69,0.10);

  --font-display:'Space Grotesk', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
}