/* Hallmark · tokens for Furry Books
 * theme: custom · vibe: "pastel pink, lavender, mint, cotton-soft"
 * axes: light / rounded-sans / chromatic-other (candy-pink ~355°)
 */

:root {
  /* ── 색깔 (colors) ─────────────────────────────── */
  --color-paper:      oklch(97% 0.012 340);  /* 페이지 배경 (연한 핑크빛 크림) */
  --color-paper-2:    oklch(94% 0.018 340);  /* 살짝 진한 배경 (서치바, 버튼) */
  --color-paper-3:    oklch(91% 0.020 340);
  --color-ink:        oklch(25% 0.014 340);  /* 글자색 (자두빛 검정) */
  --color-ink-2:      oklch(33% 0.014 340);
  --color-muted:      oklch(44% 0.016 345);  /* 흐린 글자 (지은이 이름) */
  --color-rule:       oklch(84% 0.018 340);  /* 얇은 선 */
  --color-rule-2:     oklch(89% 0.014 340);
  --color-accent:     oklch(70% 0.13 355);   /* 캔디 핑크 (포인트 색) */
  --color-accent-ink: oklch(25% 0.014 340);  /* 핑크 위의 글자색 */
  --color-focus:      oklch(55% 0.19 355);   /* 키보드 포커스 링 */
  --color-star:       oklch(58% 0.12 75);    /* 별점 색 (꿀 색) */

  /* ── 책 표지 파스텔 (books.js의 color 이름과 짝꿍) ── */
  --cover-pink-a:     oklch(90% 0.055 350);
  --cover-pink-b:     oklch(85% 0.075 10);
  --cover-mint-a:     oklch(92% 0.055 160);
  --cover-mint-b:     oklch(86% 0.070 175);
  --cover-lavender-a: oklch(90% 0.055 295);
  --cover-lavender-b: oklch(85% 0.070 310);
  --cover-sky-a:      oklch(91% 0.050 230);
  --cover-sky-b:      oklch(86% 0.065 245);
  --cover-peach-a:    oklch(92% 0.050 45);
  --cover-peach-b:    oklch(87% 0.070 30);
  --cover-lemon-a:    oklch(95% 0.060 100);
  --cover-lemon-b:    oklch(90% 0.080 85);

  /* ── 글꼴 (fonts) ─────────────────────────────── */
  --font-display: "Baloo 2", "Quicksand", ui-rounded, system-ui, sans-serif;
  --font-body:    "Quicksand", ui-rounded, system-ui, sans-serif;

  /* ── 글자 크기 (1.25 스케일) ───────────────────── */
  --text-xs:   0.8rem;
  --text-sm:   0.9rem;
  --text-base: 1rem;
  --text-md:   1.25rem;
  --text-lg:   1.5625rem;
  --text-xl:   1.9531rem;

  /* ── 간격 (4pt 스케일) ────────────────────────── */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* ── 모서리 둥글기 ────────────────────────────── */
  --radius-card: 12px;
  --radius-pill: 999px;

  /* ── 움직임 ──────────────────────────────────── */
  --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);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long:  420ms;

  /* ── 기타 ────────────────────────────────────── */
  --rule-hair: 1px;
  --shadow-whisper: 0 8px 24px -14px oklch(45% 0.10 355 / 0.45);
  --z-base:   1;
  --z-sticky: 200;
}