/* Hallmark · genre: playful · macrostructure: Workbench · theme: Hum-inspired restrained · enrichment: Tier A CSS farm · nav: app toolbar · footer: none · tone: playful practice · anchor hue: amber */
:root {
  color-scheme: light;
  --color-bg: oklch(1 0 0);
  --color-surface: oklch(0.982 0.006 86);
  --color-surface-2: oklch(0.955 0.018 112);
  --color-surface-3: oklch(0.925 0.032 142);
  --color-ink: oklch(0.22 0.025 88);
  --color-muted: oklch(0.43 0.035 90);
  --color-primary: oklch(0.72 0.16 92);
  --color-primary-dark: oklch(0.42 0.11 158);
  --color-primary-soft: oklch(0.92 0.08 96);
  --color-accent: oklch(0.48 0.13 222);
  --color-accent-soft: oklch(0.91 0.055 222);
  --color-coral: oklch(0.68 0.155 28);
  --color-coral-soft: oklch(0.91 0.053 28);
  --color-success: oklch(0.43 0.13 148);
  --color-success-soft: oklch(0.91 0.058 148);
  --color-error: oklch(0.53 0.17 28);
  --color-error-soft: oklch(0.93 0.046 28);
  --color-warning: oklch(0.68 0.14 82);
  --color-rule: oklch(0.83 0.024 88);
  --color-focus: oklch(0.55 0.16 245);
  --color-sky: oklch(0.87 0.08 225);
  --color-sky-light: oklch(0.96 0.03 220);
  --color-field: oklch(0.68 0.13 135);
  --color-field-dark: oklch(0.48 0.11 136);
  --color-soil: oklch(0.53 0.105 58);
  --color-soil-dark: oklch(0.37 0.075 55);
  --color-pig: oklch(0.84 0.16 92);
  --color-pig-dark: oklch(0.55 0.13 92);
  --color-boy-shirt: oklch(0.55 0.15 246);
  --color-boy-hair: oklch(0.29 0.045 55);
  --font-body: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-mono: "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.35rem;
  --text-2xl: 1.65rem;
  --text-3xl: 2rem;
  --radius-xs: 0.375rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-pill: 999px;
  --rule-thin: 1px;
  --dur-fast: 100ms;
  --dur-short: 180ms;
  --dur-med: 260ms;
  --dur-long: 420ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}