/* Hallmark · macrostructure: Catalogue · tone: soft and fresh · anchor hue: blue
 * genre: modern-minimal · theme: custom mist blue · nav: N1 · footer: Ft2
 * audience: buyers and seller · use: redeem a service key · enrichment: none
 * pre-emit critique: P4 H5 E4 S5 R5 V4
 */
:root {
  --color-paper: oklch(98.2% 0.008 252);
  --color-surface: oklch(100% 0 0);
  --color-soft: oklch(96.8% 0.012 252);
  --color-ink: oklch(29% 0.025 252);
  --color-muted: oklch(49% 0.022 252);
  --color-border: oklch(91.5% 0.014 252);
  --color-accent: oklch(48% 0.1 252);
  --color-accent-hover: oklch(42% 0.1 252);
  --color-accent-ink: var(--color-surface);
  --color-accent-soft: oklch(94.8% 0.025 252);
  --color-green: oklch(43% 0.093 157);
  --color-green-soft: oklch(95% 0.023 157);
  --color-red: oklch(48% 0.16 25);
  --color-red-soft: oklch(96% 0.018 25);
  --color-amber: oklch(47% 0.091 70);
  --color-amber-soft: oklch(96% 0.03 80);
  --color-shadow: oklch(35% 0.025 252 / 0.055);
  --color-spinner-track: oklch(100% 0 0 / 0.4);
  --color-clear: oklch(100% 0 0 / 0);
  --font-display: "Space Grotesk", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --font-body: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-input: 12px;
  --space-md: 16px;
  --space-control: 20px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-section: 40px;
  --space-2xl: 48px;
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-tile: 16px;
  --radius-pill: 999px;
  --shadow-panel: 0 8px 32px var(--color-shadow);
  --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);
}