@import url("/custom-fonts/zenmaru/zenmaru_local.css");

body,
button,
input,
textarea,
select {
  font-family: 'Zen Maru Gothic', 'mastodon-font-sans-serif', sans-serif !important;
  font-weight: 400 !important;
}

.status__content,
.display-name__html,
.account__header__display-name {
  font-weight: 410 !important;
}

[data-color-scheme='light'] {
  /* 背景 */
  --color-bg-primary: #f2f2f0;
  --color-bg-secondary: #e7e6e3;
  --color-bg-tertiary: #dcdad6;

  /* 境界線 */
  --color-border-primary: #d3d1cc;

  /* テキスト */
  --color-text-primary: #2b2a28;
  --color-text-secondary: #57544e;
  --color-text-tertiary: #7d7a73;

  /* アクセントカラー(ボタン・リンク・強調表示に反映) */
  --color-text-brand: color-mix(in oklab, #fdb933 62%, black);
  --color-bg-brand-base: #fdb933;
  --color-bg-brand-base-hover: color-mix(in oklab, #fdb933 82%, black);
  --color-bg-brand-soft: color-mix(in oklab, #fdb933 18%, white);
  --color-bg-brand-softest: color-mix(in oklab, #fdb933 7%, white);
  --color-border-brand: color-mix(in oklab, #fdb933 55%, black);
  --color-border-brand-soft: color-mix(in oklab, #fdb933 30%, white);
}