/* 自動生成: daily-content-pipeline/brand/tokens.yaml → tools/build_tokens.py。手で編集しない */
:root{
  --tt-brand-red:#E50012;
  --tt-brand-black:#221815;
  --tt-ink:#2f2b2b;
  --tt-ink-muted:#6f6863;
  --tt-ink-faint:#9c948f;
  --tt-ink-main:#444444;
  --tt-line:#e6e1de;
  --tt-bg:#ffffff;
  --tt-bg-warm:#f3ece4;
  --tt-bg-cream:#fffdf7;
  --tt-bg-site:#f3f3f3;
  --tt-teal:#17807c;
  --tt-teal-dark:#1f5f5d;
  --tt-teal-bg:#eaf8f7;
  --tt-red-bg:#ffeef0;
  --tt-sale:#c8102e;
  --tt-peta:#E50012;
  --tt-pota:#40C8C8;
  --tt-pota-deep:#29A9A9;
  --tt-pota-ink:#1A8383;
  --tt-pota-bg:#E6F8F8;
  --tt-fs-xs:11px;
  --tt-fs-sm:12px;
  --tt-fs-md:13px;
  --tt-fs-base:14px;
  --tt-fs-lg:16px;
  --tt-fs-xl:17px;
  --tt-fs-h3:19px;
  --tt-fs-h2:24px;
  --tt-fs-h1:28px;
  --tt-fs-display:46px;
  --tt-lh-tight:1.3;
  --tt-lh-base:1.85;
  --tt-lh-article:1.95;
  --tt-sp-1:4px;
  --tt-sp-2:8px;
  --tt-sp-3:12px;
  --tt-sp-4:16px;
  --tt-sp-5:24px;
  --tt-sp-6:32px;
  --tt-sp-7:48px;
  --tt-sp-8:64px;
  --tt-radius-none:0px;
  --tt-radius-sm:4px;
  --tt-radius-md:8px;
  --tt-radius-lg:12px;
  --tt-radius-xl:16px;
  --tt-radius-pill:999px;
  --tt-inner:1120px;
  --tt-side:250px;
  --tt-main:840px;
  --tt-breakpoint:767px;
  --tt-font:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;
  --tt-mono:ui-monospace, SFMono-Regular, Menlo, monospace;
  /* アクセントは audience/設定で切替(tt-blog.css) */
  --tt-accent:var(--tt-peta); --tt-accent-bg:var(--tt-red-bg); --tt-accent-ink:var(--tt-peta);
}