/* Hallmark · tokens · route: custom (bespoke)
 * Palette sampled directly from the client's banner (banner_佐々木荒川.png):
 *   pink field #e8c7d0 · navy title #103a95 · charcoal band #3c3d3d
 * axes: light / roman-serif (mincho) / cool ~263
 */

:root {
  /* ---- Paper · the banner's pink field, thinned to page weight ---- */
  --color-paper:   oklch(97.7% 0.009 0);
  --color-paper-2: oklch(95.9% 0.014 0);

  /* ---- Pink tints · the banner's own two pinks ---- */
  --color-tint-1:  oklch(93.1% 0.028 358);
  --color-tint-2:  oklch(86.0% 0.039 360);

  /* ---- Ink · the banner's charcoal, tinted toward the paper hue ---- */
  --color-ink:     oklch(30% 0.014 350);
  --color-ink-2:   oklch(42% 0.013 350);
  --color-muted:   oklch(50% 0.013 350);

  /* ---- Rules ---- */
  --color-rule:    oklch(86% 0.016 352);
  --color-rule-2:  oklch(91% 0.012 352);

  /* ---- Accent · the banner's navy, one hue, kept to headings + one fill ---- */
  --color-accent:      oklch(38.4% 0.157 263);
  --color-accent-deep: oklch(33% 0.152 264);
  --color-accent-ink:  oklch(97.7% 0.009 0);
  --color-focus:       oklch(45% 0.190 263);

  /* ---- Type · one family site-wide (banner image keeps its own mincho as-is) ---- */
  --font-display: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  --font-body: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;

  --text-xs:   0.75rem;
  --text-sm:   0.8125rem;
  --text-base: 1rem;
  --text-md:   1.0625rem;
  --text-lg:   1.25rem;
  --text-xl:   1.5rem;
  --text-2xl:  1.875rem;

  /* ---- Space · 4pt scale ---- */
  --space-3xs: 0.125rem;
  --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;

  --page-gutter: clamp(1.25rem, 5vw, 2rem);
  --column: 44rem;
  --measure: 34em;

  /* ---- Lines & radii ---- */
  --rule-hair: 1px;
  --rule-thick: 2px;
  --radius-xs: 2px;
  --radius-sm: 4px;

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;

  /* ---- Layering ---- */
  --z-base: 1;
  --z-sticky-nav: 300;

  /* ---- Chrome height ---- */
  --bar-h: 3.5rem;
}