/* Garden Design Tokens */
:root {
  /* Primary greens */
  --c-p50:#EDF7F0; --c-p100:#D8F3DC; --c-p200:#A8DFB3;
  --c-p500:#1B4332; --c-p600:#163828; --c-p700:#0F2A1C;
  --c-p800:#0A1C12; --c-p900:#060F09;

  /* Accent lime */
  --c-a400:#AECF3A; --c-a500:#95C11F; --c-a600:#7EA819; --c-a700:#6A9014;
  --c-a-lt:rgba(149,193,31,.15);

  /* Neutrals */
  --c-n0:#FFFFFF; --c-n50:#FAFCF8; --c-n100:#F0F5EE;
  --c-n200:#E2EBE0; --c-n300:#C4D4C0; --c-n400:#8FA88C;
  --c-n500:#5C7A59; --c-n600:#3D5C3A; --c-n700:#2A3F28;
  --c-n800:#1A2B18; --c-n900:#0F1B12;

  /* Semantic */
  --c-sale:#C0392B; --c-sale-bg:#FDEDEC;
  --c-ok-base:#2D6A4F; --c-ok-lt:#EDF7F0; --c-ok-dk:#1B4332; --c-ok-bdr:rgba(45,106,79,.2);
  --c-err-base:#C0392B; --c-err-lt:#FDEDEC; --c-err-dk:#922B21; --c-err-bdr:rgba(192,57,43,.2);
  --c-warn-base:#D68910; --c-warn-lt:#FEF9E7; --c-warn-dk:#7D6608; --c-warn-bdr:rgba(214,137,16,.2);
  --c-info-base:#2471A3; --c-info-lt:#EBF5FB; --c-info-dk:#1A5276; --c-info-bdr:rgba(36,113,163,.2);
  --c-star:#FBBF24;

  /* Surfaces */
  --bg:#FAFCF8; --bg-el:#F0F5EE; --bg-ov:rgba(15,27,18,.55);

  /* Text */
  --tx:#0F1B12; --tx2:#3D5C3A; --txm:#5C7A59; --txi:#FFFFFF;
  --txl:#1B4332; --txlh:#163828;

  /* Borders */
  --bdr:#E2EBE0; --bdr2:#C4D4C0; --bdrf:#1B4332;

  /* Typography */
  --fd:'DM Serif Display',Georgia,serif;
  --fb:'DM Sans',-apple-system,sans-serif;

  /* Shadows */
  --sh-xs:0 1px 2px rgba(15,27,18,.05);
  --sh-sm:0 1px 6px rgba(15,27,18,.07);
  --sh-md:0 4px 20px rgba(15,27,18,.10);
  --sh-lg:0 8px 40px rgba(15,27,18,.14);
  --sh-xl:0 20px 60px rgba(15,27,18,.20);
  --sh-f:0 0 0 3px rgba(27,67,50,.25);

  /* Radii */
  --r-sm:4px; --r-md:8px; --r-lg:16px; --r-xl:24px; --r-full:9999px;

  /* WooCommerce layout */
  --wc-sidebar:356px; --wc-gap:28px; --wc-pad:32px; --wc-wrap:1200px;
  --chk-sidebar:370px;
}