/* Hallmark · tokens — SHISHA CAFE NOIR · custom brand theme (see design.md) */
:root {
  /* color */
  --color-paper:    #0f0c0a;
  --color-paper-2:  #141110;
  --color-paper-3:  #1b1713;
  --color-ink:      #ece5d8;
  --color-ink-2:    #a99f8e;
  --color-ink-3:    #776f61;
  --color-accent:   #c9a96e;
  --color-accent-2: #a8895a;
  --color-accent-ink: #0f0c0a;
  --color-rule:     rgba(201,169,110,.18);
  --color-rule-2:   rgba(236,229,216,.08);
  --color-focus:    #e3c98f;

  /* type */
  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-serif:   'Noto Serif JP', '游明朝体', 'Yu Mincho', serif;
  --font-sans:    'Noto Sans JP', 'Hiragino Kaku Gothic ProN', sans-serif;

  --text-xs:  1.1rem;
  --text-sm:  1.25rem;
  --text-md:  1.4rem;
  --text-lg:  1.6rem;
  --text-xl:  2rem;
  --text-2xl: 2.6rem;
  --text-3xl: clamp(2.6rem, 4vw, 3.6rem);
  --text-display: clamp(3.4rem, 7vw, 6.4rem);

  /* space (4pt) */
  --space-2xs: .5rem;
  --space-xs:  1rem;
  --space-sm:  1.6rem;
  --space-md:  2.4rem;
  --space-lg:  4rem;
  --space-xl:  6.4rem;
  --space-2xl: 9.6rem;
  --space-3xl: 12.8rem;

  /* misc */
  --radius-btn:  2px;
  --radius-card: 3px;
  --max-w: 1160px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-short: 220ms;
  --dur-med: 500ms;
}