/* Fruit e-commerce reference: airy mint, leaf green, coral highlights, pill CTAs. */

:root {
  --color-primary: #0b5103;
  --color-primary-dark: #062d02;
  --color-primary-mid: #147a0a;
  --color-primary-light: #e3f2e0;
  --color-mint: #f1f8f1;
  --color-mint-deep: #dceee0;

  --color-accent: #e85d4c;
  --color-accent-soft: #fdecea;
  --color-amber: #f5a623;
  --color-amber-soft: #fff4e0;

  --color-ring-1: #e8f5e9;
  --color-ring-2: #fff8e1;
  --color-ring-3: #fce8ef;
  --color-ring-4: #fff0e0;

  --color-bg: #f1f8f1;
  --color-bg-wash: linear-gradient(180deg, #f1f8f1 0%, #fafcfa 45%, #ffffff 100%);
  --color-surface: #ffffff;
  --color-surface-alt: #f5faf5;
  --color-border: #c8e0c8;

  --color-text: #1a1a1a;
  --color-text-muted: #5c5c5c;
  --color-text-inverse: #ffffff;

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  --font-display: "Plus Jakarta Sans", system-ui, sans-serif;
  --font-body: "Plus Jakarta Sans", system-ui, sans-serif;

  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.65rem;
  --text-3xl: 2.2rem;
  --text-4xl: clamp(2rem, 5.5vw, 3.25rem);

  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.35rem;
  --radius-xl: 1.75rem;
  --radius-2xl: 2.25rem;
  --radius-pill: 99rem;

  --shadow-sm: 0 0.2rem 0.85rem rgba(11, 81, 3, 0.06);
  --shadow-md: 0 0.5rem 1.75rem rgba(11, 81, 3, 0.1);
  --shadow-card: 0 0.35rem 1.2rem rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 0.75rem 2rem rgba(11, 81, 3, 0.12);
}