:root {
  --ii-ink: #24313a;
  --ii-soft-ink: #536b74;
  --ii-sky: #8bd8ff;
  --ii-deep-sky: #61bce9;
  --ii-cream: #fff7e7;
  --ii-paper: #fffdf6;
  --ii-excavator: #ffbd2e;
  --ii-excavator-light: #ffda68;
  --ii-bucket: #d98123;
  --ii-tree: #63c95a;
  --ii-tree-dark: #3f9e45;
  --ii-bark: #76431f;
  --ii-apple: #ed5651;
  --ii-golden-apple: #ffd85e;
  --ii-owl: #5a6f72;
  --ii-ivie: #4fb1a7;
  --ii-indie: #ff6f8f;
  --ii-line: rgba(36, 49, 58, 0.16);
  --ii-shadow: 0 18px 44px rgba(38, 72, 48, 0.18);
  --ii-shadow-soft: 0 12px 30px rgba(36, 49, 58, 0.08);
  --ii-radius-card: 8px;
  --ii-radius-pill: 999px;
  --ii-radius-icon: 96px;
  --ii-tap-target: 58px;
  --ii-space-1: 8px;
  --ii-space-2: 14px;
  --ii-space-3: 22px;
  --ii-space-4: 34px;
  --ii-focus-ring: 0 0 0 4px rgba(97, 188, 233, 0.38);
  --ii-motion-tap: 120ms ease;
  --ii-font-display: "Arial Rounded MT Bold", "Avenir Next", "Trebuchet MS", system-ui, sans-serif;
  --ii-font-body: "Avenir Next", "Trebuchet MS", system-ui, sans-serif;
}