/*
 * デザイントークン。値は静的HTML内のtailwind.config（brand色）と<style>ブロックから採取。
 * Tailwind CDN側の設定（inc/head.php内のtailwind.config）が実際のユーティリティクラス生成の正であり、
 * このファイルはcomponents.css等、Tailwindユーティリティでは書けないカスタムCSSから参照するための値。
 */
:root {
    --brand-bg: #FDFBF7;
    --brand-card: #F6F3EE;
    --brand-surface: #EFECE6;
    --brand-text: #1A1918;
    --brand-muted: #66625D;
    --brand-accent: #8C7A6B;
    --brand-accent-dark: #6E5F52;
    --brand-border: #E2DDD5;
    --brand-light-border: #F0ECE4;
    --brand-scrollbar-track: #FDFBF7;
    --brand-scrollbar-thumb: #D8D2C7;

    --font-serif-ja: 'Shippori Mincho', serif;
    --font-serif-en: 'Cormorant Garamond', serif;
    --font-sans: 'Noto Sans JP', sans-serif;
}