/* Hallmark v1.1.0 · playful workbench · plum anchor · Workbench / N7 / Ft2 */
:root {
  color-scheme: light;

  --color-paper: oklch(95.5% 0.018 291);
  --color-paper-strong: oklch(91.5% 0.029 291);
  --color-surface: oklch(98.2% 0.012 291);
  --color-ink: oklch(27% 0.078 326);
  --color-ink-soft: oklch(39% 0.083 326);
  --color-accent: oklch(76% 0.13 207);
  --color-accent-soft: oklch(88% 0.065 207);
  --color-accent-ink: oklch(27% 0.078 326);
  --color-rule: oklch(74% 0.035 300 / 0.58);
  --color-shadow-strong: oklch(18% 0.064 326 / 0.28);
  --color-transparent: oklch(27% 0.078 326 / 0);

  --font-display: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  --font-body: "IBM Plex Sans KR", "Apple SD Gothic Neo", sans-serif;
  --font-utility: var(--font-body);

  --text-xs: clamp(0.72rem, 0.68rem + 0.15vw, 0.8rem);
  --text-sm: clamp(0.88rem, 0.84rem + 0.14vw, 0.96rem);
  --text-base: clamp(1rem, 0.95rem + 0.22vw, 1.13rem);
  --text-md: clamp(1.22rem, 1.04rem + 0.7vw, 1.72rem);
  --text-lg: clamp(2rem, 1.22rem + 3.4vw, 4.8rem);

  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-sm: 1rem;
  --space-md: 1.25rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 2.5rem;
  --space-3xl: 3rem;
  --space-4xl: 4rem;
  --space-5xl: 5rem;
  --space-6xl: 6rem;
  --offset-hide: -0.0625rem;

  --dur-fast: 120ms;
  --dur-ui: 220ms;
  --dur-scene: 420ms;
  --dur-loader-rise: 900ms;
  --dur-loader-eye-rise: 850ms;
  --dur-loader-shell: 400ms;
  --dur-loader-progress: 1450ms;
  --dur-loader-curtain: 850ms;
  --dur-loader-recede: 850ms;
  --dur-loader-sequence: 2600ms;
  --delay-loader-rise: 320ms;
  --delay-loader-eyes: 720ms;
  --delay-loader-shell: 1040ms;
  --delay-loader-progress: 120ms;
  --delay-loader-curtain: 1750ms;
  --delay-loader-recede: 1750ms;
  --offset-loader-mouth-start: 45svh;
  --offset-loader-eyes-start: 48svh;
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-intro: cubic-bezier(0.76, 0, 0.24, 1);

  --measure-copy: 58ch;
  --opacity-hover: 0.76;
  --opacity-pressed: 0.62;
  --opacity-disabled: 0.55;

  --rule-thin: 1px;
  --rule-bold: 2px;
  --radius-sm: 0.55rem;
  --radius-md: 1rem;
  --radius-round: 999px;

  --nav-height: 4rem;

  --z-face: 0;
  --z-depth: 1;
  --z-copy: 2;
  --z-label: 4;
  --z-mouth: 4;
  --z-panel: 5;
  --z-nav: 10;
  --z-loader: 20;
}
/* Retro desktop palette */
:root {
--color-paper:#fbfaff;--color-surface:#fff;--color-paper-strong:#eeeaf5;--color-ink:#35273e;--color-ink-soft:#736b7a;--color-accent:#85ddd4;--color-pink:#ff91bd;--color-lime:#dfed9d;--color-dark:#26212e;--color-dark-soft:#3c3347;--color-rule:#ddd7e4;--color-dot:#cfc5dd;--color-art:#b8e9df;
--font-display:'Bricolage Grotesque',sans-serif;--font-body:'IBM Plex Sans KR',sans-serif;--font-utility:'IBM Plex Mono',monospace;
--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;
--ease-out:cubic-bezier(.22,1,.36,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-in-out:cubic-bezier(.65,0,.35,1);--dur-fast:150ms;--dur-ui:220ms;--dur-scene:700ms;
}
:root{--color-avatar-shadow:rgb(0 0 0 / 0.1)}