/* K-FOOD design tokens — fresh, green, airy. Single source of visual truth. */
:root {
  /* Brand greens (sampled from the K-FOOD logo) */
  --green-900: #14421A;
  --green-800: #1B5E20;
  --green-700: #2E7D32;
  --green-600: #3B9142;
  --green-500: #43A047;  /* primary brand green */
  --green-400: #66BB6A;
  --green-200: #C8E6C9;
  --green-100: #E8F5E9;
  --green-050: #F3FAF3;
  --leaf: #8BC34A;

  /* Neutrals */
  --white: #FFFFFF;
  --cream: #FBFDF9;
  --ink: #1C2B1D;
  --ink-soft: #46584A;
  --line: #E3EDE3;

  /* Semantic */
  --bg: var(--white);
  --bg-alt: var(--green-050);
  --text: var(--ink);
  --text-soft: var(--ink-soft);
  --accent: var(--green-500);
  --accent-strong: var(--green-700);
  --accent-deep: var(--green-800);

  /* Type */
  --font-sans: "Open Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-display: "Comfortaa", "Open Sans", "Segoe UI", system-ui, sans-serif;
  --fs-hero: clamp(2.1rem, 5.2vw, 3.6rem);
  --fs-h1: clamp(1.9rem, 4.2vw, 3rem);
  --fs-h2: clamp(1.5rem, 3vw, 2.1rem);
  --fs-h3: 1.125rem;
  --fs-lede: clamp(1.05rem, 1.6vw, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  /* Rhythm */
  --container: 72rem;
  --space-section: clamp(3.5rem, 8vw, 6.5rem);
  --radius: 1.25rem;
  --radius-sm: 0.75rem;
  --shadow: 0 10px 30px -12px rgba(27, 94, 32, 0.18);
  --shadow-lift: 0 22px 48px -16px rgba(27, 94, 32, 0.28);

  /* Motion */
  --ease: cubic-bezier(0.22, 0.8, 0.32, 1);
  --dur: 320ms;
}