/* Hallmark · tokens · ラ・イム北千住店
 * theme: custom "lamplight amber, lime vine, hibiscus"
 *   下地はサロン写真そのままの暖かいアンバー。
 *   ロゴの蔓のライムと花の赤を、差し色としてだけ乗せる。
 * paper-band: dark (L 18%) · display-style: roman-serif · accent-hue: warm (amber 62°)
 */

:root {
  /* ── paper & ink ─────────────────────────────────────── */
  --color-paper:        oklch(18% 0.018 55);   /* 暗い木とランプの影 */
  --color-paper-2:      oklch(23% 0.022 52);
  --color-paper-3:      oklch(28% 0.026 50);
  --color-paper-light:  oklch(95% 0.012 78);   /* 明るい帯（純白ではない） */
  --color-paper-light-2:oklch(90% 0.018 74);

  --color-ink:          oklch(96% 0.010 80);   /* 暗い面の文字 */
  --color-ink-2:        oklch(82% 0.014 74);
  --color-ink-3:        oklch(68% 0.016 70);
  --color-ink-dark:     oklch(24% 0.020 50);   /* 明るい帯の文字 */
  --color-ink-dark-2:   oklch(43% 0.020 52);

  /* ── accent ──────────────────────────────────────────── */
  --color-accent:       oklch(74% 0.142 62);   /* ランプのアンバー（主役） */
  --color-accent-deep:  oklch(50% 0.120 55);   /* 明るい面で使う濃いアンバー */
  --color-accent-soft:  oklch(82% 0.090 68);

  /* ロゴ由来。差し色としてだけ使い、面には広げない。 */
  --color-lime:         oklch(78% 0.178 130);  /* ロゴの蔓 */
  --color-lime-deep:    oklch(52% 0.150 133);  /* 明るい面での蔓 */
  --color-hibiscus:     oklch(58% 0.212 27);   /* ロゴの花 */

  /* ロゴの下地のプラム。ロゴが乗る面と、締めの帯にだけ使う。
     全体を紫にはしない ― アンバーの写真と競合させないため。 */
  --color-plum:         oklch(24% 0.080 322);
  --color-plum-deep:    oklch(19% 0.070 324);
  --color-plum-soft:    oklch(31% 0.078 320);

  --color-rule:         oklch(38% 0.020 50);
  --color-rule-light:   oklch(84% 0.016 72);
  --color-focus:        oklch(84% 0.150 128);  /* フォーカスはライムで一目でわかる */

  /* ── type ────────────────────────────────────────────── */
  --font-display: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-body:    "Zen Kaku Gothic New", -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;

  --text-xs:    0.75rem;
  --text-sm:    0.8125rem;
  --text-base:  0.9375rem;
  --text-lg:    1.0625rem;
  --text-xl:    1.25rem;
  --text-2xl:   1.5rem;
  --text-3xl:   1.875rem;
  --text-4xl:   2.25rem;
  --text-display-s: 2.75rem;
  --text-display:   3.75rem;

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

  /* ── motion ──────────────────────────────────────────── */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:     cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 140ms;
  --dur-base: 220ms;
  --dur-slow: 380ms;

  /* ── misc ────────────────────────────────────────────── */
  --rule-hair: 1px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --measure:   64ch;
}