/* Hallmark · URL HUB atmospheric workbench tokens */
:root {
  --color-paper: oklch(12% .04 275);
  --color-paper-deep: oklch(7% .025 275);
  --color-ink: oklch(97% .02 285);
  --color-white: oklch(98% .01 285);
  --color-muted: oklch(78% .04 280);
  --color-line: oklch(88% .04 280 / .18);
  --color-line-strong: oklch(92% .04 280 / .28);
  --color-highlight: oklch(100% 0 0 / .08);
  --color-shadow: oklch(4% .03 275 / .28);
  --color-shadow-strong: oklch(0% 0 0 / .48);
  --color-overlay-soft: oklch(18% .05 275 / .06);
  --color-overlay-deep: oklch(8% .03 275 / .74);
  --color-overlay-top: oklch(6% .03 275 / .09);
  --color-overlay-bottom: oklch(6% .03 275 / .94);
  --color-surface: oklch(10% .04 275 / .55);
  --color-card: oklch(100% 0 0 / .06);
  --color-panel: oklch(22% .07 275 / .83);
  --color-panel-deep: oklch(11% .04 275 / .70);
  --color-stage-glow: oklch(56% .12 260 / .11);
  --color-orbit: oklch(88% .04 280 / .20);
  --color-orbit-alt: oklch(82% .10 300 / .16);
  --color-orbit-pink: oklch(84% .10 350 / .12);
  --color-sun-glow: oklch(74% .14 240 / .34);
  --color-sky-glow-strong: oklch(74% .14 240 / .58);
  --color-lilac-glow: oklch(82% .10 300 / .48);
  --color-label: oklch(10% .04 275 / .72);
  --color-label-strong: oklch(10% .04 275 / .78);
  --color-card-hover: oklch(100% 0 0 / .12);
  --color-moon-highlight: oklch(96% .04 85);
  --color-moon-deep: oklch(28% .09 300);
  --color-footer: oklch(88% .04 280 / .53);
  --color-pink: oklch(84% .10 350);
  --color-pink-wash: oklch(84% .10 350 / .16);
  --color-pink-glow: oklch(84% .10 350 / .75);
  --color-pink-glow-strong: oklch(84% .10 350 / .86);
  --color-peach: oklch(84% .09 55);
  --color-peach-glow-strong: oklch(84% .09 55 / .88);
  --color-mint: oklch(88% .08 160);
  --color-mint-glow: oklch(88% .08 160 / .70);
  --color-mint-glow-strong: oklch(88% .08 160 / .88);
  --color-sky: oklch(84% .07 245);
  --color-sky-glow: oklch(74% .14 240 / .42);
  --color-lilac: oklch(82% .10 300);
  --color-lilac-glow-strong: oklch(82% .10 300 / .88);
  --color-coral-glow-strong: oklch(72% .15 25 / .88);
  --color-coral: oklch(72% .15 25);
  --color-coral-glow: oklch(72% .15 25 / .88);
  --color-focus: oklch(98% .02 285);
  --color-accent-ink: var(--color-paper-deep);

  --font-display: "Space Grotesk", "Noto Sans TC", sans-serif;
  --font-body: "Noto Sans TC", sans-serif;

  --space-xs: .5rem;
  --space-sm: .75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;

  --radius-card: 1.0625rem;
  --radius-panel: 1.6875rem;
  --radius-panel-mobile: 1.4375rem;
  --radius-stage: 2rem;
  --radius-pill: 999px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-short: 220ms;
  --dur-earth-breathe: 8s;
  --dur-category-orbit: 160s;
  --dur-meteor-orbit: 28s;
  --dur-orbit-near: 72s;
  --dur-orbit-middle: 96s;
  --dur-orbit-far: 128s;
}