/* GCG brand v1 — canonical copy; edit in retail-site, copy verbatim to web-app. */
/* Design tokens extracted from /design mockups (Home / Portal / Admin). */

:root {
  --brand: #4C7A2F;
  --brand-deep: #2F4A24;
  --leaf: #7FB04A;
  --brand-soft: #EAF1DC;
  --soil: #7A4A2E;
  --soil-soft: #F0E5D6;
  --cream: #FAF4E2;
  --cream-2: #F3EAD2;
  --ink: #2A2A22;
  --ink-soft: #6F6E60;
  --line: #E6DEC8;
  --card: #ffffff;
  --amber: #9A7B1C;
  --amber-soft: #F5ECCF;
  --teal: #2C6E76;
  --teal-soft: #DAEAEB;
  --berry: #8A4A6B;
  --berry-soft: #F2E2EC;
  --danger: #b5552f;

  --font-display: 'Fredoka', sans-serif;
  --font-body: 'Nunito', system-ui, sans-serif;

  --r-card: 22px;
  --r-card-lg: 26px;
  --r-pill: 999px;
  --r-sm: 12px;
  --r-md: 16px;
  /* Concentric inner radius: outer 24px − 18px padding. Use for elements
     nested inside 24px-radius cards so the corner curves stay parallel. */
  --r-inner: 6px;

  --shadow-btn: 0 14px 28px rgba(76, 122, 47, .32);
  --shadow-btn-sm: 0 10px 22px rgba(76, 122, 47, .28);
  --shadow-card: 0 18px 44px rgba(47, 74, 36, .18);
  --shadow-nav: 0 4px 22px rgba(47, 74, 36, .16);
}