/* Hallmark · component: effort icon comparison · genre: playful · theme: EtudeSpark warm garden */
:root {
  --color-paper: oklch(96% .018 85);
  --color-panel: oklch(98% .012 85);
  --color-ink: oklch(29% .025 65);
  --color-muted: oklch(49% .025 65);
  --color-rule: oklch(86% .025 85);
  --color-ring: oklch(52% .095 145);
  --color-ring-track: oklch(87% .025 115);
  --color-accent: oklch(40% .065 145);
  --color-tint: oklch(91% .035 125);
  --color-dark: oklch(23% .023 150);
  --color-dark-ink: oklch(94% .021 85);
  --color-dark-muted: oklch(76% .025 100);
  --color-dark-rule: oklch(39% .025 145);
  --color-focus: oklch(56% .14 45);
  --font-display: ui-serif, Georgia, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --text-small: 12px;
  --radius-panel: 16px;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-in: cubic-bezier(.64, 0, .78, 0);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-fast: 160ms;
}

.dark { --color-ring: oklch(75% .105 130); --color-ring-track: oklch(37% .03 145); }