/*
 * Garden Rescue design tokens (shared with the iOS app's asset catalog).
 *
 * Turf green drives every action; hedge green carries the dark bands.
 * Water blue, mow orange and weed amber appear only where a care task or a
 * weed needs its own colour, so colour always means something.
 * Type: Bricolage Grotesque for headings, Figtree for everything else.
 */
:root {
  /* Brand */
  --turf: #2EB67D;
  --turf-strong: #1F9A63;
  --turf-ink: #16704A;
  --hedge: #1F4B3C;
  --hedge-deep: #163A2E;
  --sprout: #E4F5EC;
  --sprout-strong: #CBEBD9;

  /* Surfaces */
  --morning: #F4F5F1;
  --card: #FFFFFF;
  --card-sunk: #F7F8F5;
  --hairline: #E2E7E0;
  --hairline-strong: #CCD5CA;

  /* Text */
  --ink: #15201A;
  --loam: #5F6B63;
  --loam-soft: #88938B;
  --on-dark: #F1F7F3;
  --on-dark-soft: rgba(241, 247, 243, 0.72);

  /* Meaning */
  --water: #3B9EEA;
  --water-soft: #E7F2FC;
  --mow: #F08C2E;
  --mow-soft: #FDF0E2;
  --weed: #F59E0B;
  --weed-ink: #9A5B00;
  --weed-soft: #FFF6E6;
  --weed-line: #F6E2BF;
  --danger: #E5484D;
  --danger-ink: #B4262B;
  --danger-soft: #FDECEC;
  --soil: #9A7B55;
  --soil-soft: #F4EEE6;

  /* Depth */
  --shadow-card: 0 1px 2px rgba(21, 32, 26, 0.04);
  --shadow-pop: 0 18px 40px -18px rgba(22, 58, 46, 0.35);
  --shadow-hero: 0 40px 80px -40px rgba(22, 58, 46, 0.55);

  /* Shape (by hierarchy, not one radius for everything) */
  --radius-panel: 28px;
  --radius-card: 20px;
  --radius-tile: 14px;
  --radius-small: 10px;
  --radius-pill: 999px;

  /* Layout */
  --container-max: 1180px;
  --container-narrow: 760px;
  --gutter: 24px;
  --nav-h: 72px;

  /* Type */
  --font-display: "Bricolage Grotesque", "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --turf: #38C387;
    --turf-strong: #4FD196;
    --turf-ink: #6EDFAA;
    --hedge: #12281F;
    --hedge-deep: #0C1D16;
    --sprout: #183A2A;
    --sprout-strong: #1F4A36;

    --morning: #0F1512;
    --card: #17201B;
    --card-sunk: #131B17;
    --hairline: #25302A;
    --hairline-strong: #34423A;

    --ink: #EAF1EC;
    --loam: #9CA89F;
    --loam-soft: #76827A;

    --water-soft: #12283A;
    --mow-soft: #33230F;
    --weed-ink: #FBBF4D;
    --weed-soft: #2B220F;
    --weed-line: #4A3A18;
    --danger-ink: #FF8A8E;
    --danger-soft: #3A1C1D;
    --soil-soft: #2B241B;

    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-pop: 0 18px 40px -18px rgba(0, 0, 0, 0.7);
    --shadow-hero: 0 40px 80px -40px rgba(0, 0, 0, 0.8);

    color-scheme: dark;
  }
}