/* Flora Fauna Baku — design tokens */
:root {
  /* Brand */
  --green-950: #0c261d;
  --green-900: #12352a;
  --green-800: #184635;
  --green-700: #1f5a43;
  --green-600: #2a7356;
  --green-500: #3d8d6b;
  --green-200: #cfe1d6;
  --green-100: #e6efe9;
  --green-50:  #f2f7f3;

  --pink-600: #c4547d;
  --pink-500: #d86a92;
  --pink-400: #e087a3; /* logo */
  --pink-200: #f4cdda;
  --pink-100: #fbe9f0;

  --gold-500: #c9a24a;

  /* Neutrals */
  --bg: #faf8f4;
  --surface: #ffffff;
  --surface-2: #f4f1ea;
  --ink: #1b1f1d;
  --ink-2: #33403a;
  --muted: #5d6b64;
  --line: #e4e0d7;
  --line-strong: #d3cec2;

  /* Type */
  --font-head: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --fs-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2.125rem);
  --fs-2xl: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);

  /* Spacing (8px grid) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;

  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(18, 53, 42, 0.06), 0 1px 1px rgba(18, 53, 42, 0.04);
  --shadow: 0 6px 24px -8px rgba(18, 53, 42, 0.14), 0 2px 6px rgba(18, 53, 42, 0.05);
  --shadow-lg: 0 24px 60px -20px rgba(18, 53, 42, 0.28);

  --container: 1200px;
  --gutter: 16px;
  --header-h: 76px;

  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

@media (min-width: 768px) {
  :root { --gutter: 32px; }
}