:root {
  /* Primary palette */
  --green-primary: #A3B74E;
  --green-light: #EFF4D6;
  --green-dark: #7A8C2E;
  --orange: #E8872E;
  --yellow: #E8C84E;
  --cream: #FFF5EB;
  --white: #FFFFFF;

  /* Text */
  --text-dark: #3A3A2A;
  --text-medium: #6B6B5A;
  --text-light: #9A9A8A;
  --text-on-green: #FFFFFF;

  /* Borders */
  --border-orange: #E8872E;
  --border-light: #D4D4C4;

  /* Gradients */
  --gradient-border: linear-gradient(135deg, #E8872E, #E8C84E);
  --gradient-header: linear-gradient(180deg, #A3B74E 0%, #8FA43E 100%);

  /* Spacing */
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 16px;
  --sp-lg: 24px;
  --sp-xl: 32px;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 999px;

  /* Shadows */
  --shadow-card: 0 2px 8px rgba(0,0,0,0.08);
  --shadow-panel: 0 4px 16px rgba(0,0,0,0.12);
  --shadow-button: 0 2px 4px rgba(0,0,0,0.15);

  /* Sizes */
  --header-height: 56px;
  --max-width: 480px;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
}