/* Design Plan:
 * 1. Subject essentials: Community Garden Welcome Day (Demo), allotment raised beds, damp soil, seeds, potting trowels, herbal tea, compost heap, seedling plugs, friendly neighbours.
 * 2. Idea: On this site, the gardening allotment noticeboard becomes a clearly marked fictional demo timetable for Sample Community Garden, Kuala Lumpur.
 * 3. Colors: Leaf canopy deep green ground ink, terracotta warm earth accent, gentle clover tint, warm linen surface.
 * 4. Distinctive bold element: Prominent DEMO banner at top, fictional event badge, live schedule planner with explicit notice that schedule is an example only.
 */

:root {
  --color-ground: #faf8f3;
  --color-surface: #f2ece1;
  --color-surface-card: #ffffff;
  --color-ink: #1f2e24;
  --color-ink-muted: color-mix(in oklch, var(--color-ink) 70%, transparent);
  --color-accent: #c45d3c;
  --color-accent-soft: color-mix(in oklch, var(--color-accent) 15%, var(--color-ground));
  --color-accent-dark: #a34628;
  --color-plant: #2f5d3a;
  --color-plant-soft: color-mix(in oklch, var(--color-plant) 14%, var(--color-ground));

  --font-display: 'Bitstream Charter', Charter, Cambria, 'Iowan Old Style', serif;
  --font-body: -apple-system, BlinkMacSystemFont, Seravek, 'Gill Sans Nova', Calibri, 'DejaVu Sans', sans-serif;

  --size-h1: clamp(2rem, 4.5vw, 3.1rem);
  --size-h2: clamp(1.5rem, 3vw, 2.1rem);
  --size-h3: 1.25rem;
  --size-body: 1.0625rem;
  --size-small: 0.9375rem;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  --radius: 8px;
  --radius-full: 9999px;
}