:root {

  /* Fonts */

  --font-brand:
      "Poppins", sans-serif;
  /* Brand */

  --agr-orange: #FD592D;
  --agr-offwhite: #F7F7E9;
  --agr-gray: #D6D1C4;
  --agr-green: #053027;
  --agr-black: #000000;

  /* Segments */

  --agr-terroso: #D77900;
  --agr-terroso-light: #E1B77E;

  --agr-green-light: #78853C;
  --agr-lime: #AAAC24;

  --agr-blue: #676E9F;
  --agr-magenta: #C68590;

  /* Text */

  --text-primary: var(--agr-green);
  --text-secondary: #4F4F4F;
  --text-muted: #757575;

  /* Background */

  --surface-primary: var(--agr-offwhite);
  --surface-secondary: #FFFFFF;
  --surface-muted: #F3F3F3;

  /* Spacing */

  --space-xs: .5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;

  /* Radius */

  --radius-sm: 12px;
  --radius-md: 24px;
  --radius-lg: 36px;

  /* Shading */

  --shadow-card:
      0 8px 24px rgba(0,0,0,.08);

  --shadow-interactive:
      0 4px 12px rgba(0,0,0,.1);

  /* Transition */
  --transition-base: 0.3s ease-in-out;

}