/* ============================================================ riro — Design Tokens 色・タイポグラフィ・余白・モーション。値はここだけで管理する。 ============================================================ */ /* --- 花とちょうちょ（見出し用・自己ホスト） --- fallback（フル 2MB）を先に、subset（216KB）を後に宣言する。 固定コピー＋かな全部は subset に収録済みなので、通常は subset しか ダウンロードされない。subset 外の字が本文見出しに現れたときだけ フル版が追加で読み込まれる。unicode-range は build 時に生成。 */ @font-face { font-family: "Hana To Choucho"; src: url("../fonts/hana-to-choucho-full.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Hana To Choucho"; src: url("../fonts/hana-to-choucho-subset.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+20-7E,U+A9,U+D7,U+2010-2027,U+2030-205E,U+2190-2193,U+2500,U+2502,U+2514,U+251C,U+25A0-25CF,U+3000-30FF,U+3220-3229,U+4E00-4E01,U+4E09-4E0B,U+4E0D,U+4E21,U+4E26,U+4E2D,U+4E38,U+4E3B,U+4E86,U+4E8B-4E8C,U+4E92,U+4E94,U+4EBA,U+4ECA-4ECB,U+4ED5-4ED6,U+4ED8,U+4EE3-4EE5,U+4EEE,U+4EF6,U+4EFB,U+4F1A,U+4F1D,U+4F3A,U+4F3C,U+4F4D,U+4F53,U+4F55,U+4F59,U+4F5C,U+4F7F,U+4F8B,U+4F9B,U+4F9D,U+4FA1,U+4FDD,U+4FE1,U+4FEE,U+500B,U+5024,U+5074,U+5099,U+50CF,U+512A,U+5143,U+5145,U+5148-5149,U+5165,U+5168,U+516D,U+5171,U+5177,U+5185,U+518A,U+518D,U+5192,U+5199,U+51FA,U+5206-5207,U+5217,U+521D,U+5224-5225,U+5229,U+5236,U+523A,U+5247,U+524A,U+524D,U+526F,U+5272,U+529B,U+52A0,U+52A9,U+52B9,U+52D5,U+52D9,U+52E2,U+5316,U+533A,U+533F,U+5341,U+534A,U+5358,U+5370,U+539F,U+53C2,U+53CD,U+53D6-53D7,U+53E3,U+53EF-53F0,U+53F3,U+53F7,U+5404,U+5408,U+540C-540D,U+5411,U+542B,U+544A,U+5473,U+548C,U+54C1,U+54E1,U+552F,U+5546,U+554F,U+5584,U+55B6,U+56DB,U+56DE,U+56F0,U+56F3,U+56FA,U+56FD,U+571F,U+5728,U+5730,U+5747,U+578B,U+57DF,U+57F7,U+57FA,U+5831,U+5834,U+5857,U+5897,U+58A8,U+58EB,U+58F0,U+58F2,U+5909,U+5916,U+591A,U+5927,U+592A,U+592E,U+59CB,U+59FF,U+5B50,U+5B57,U+5B88-5B89,U+5B8C,U+5B9A,U+5B9F,U+5BA2,U+5BB0,U+5BB9,U+5BC4,U+5BC6,U+5BE7,U+5BFE,U+5C06,U+5C0B,U+5C0E-5C0F,U+5C11,U+5C4A,U+5C64,U+5C71,U+5C90,U+5D29,U+5DE5-5DE6,U+5DEE,U+5DF1,U+5E03,U+5E0C,U+5E38,U+5E45,U+5E73,U+5E83,U+5EA6,U+5F0F,U+5F15,U+5F31,U+5F35,U+5F37,U+5F53,U+5F62,U+5F71,U+5F79,U+5F85,U+5F8C,U+5F93,U+5F97,U+5FA1,U+5FAE,U+5FC3,U+5FC5,U+5FD9,U+5FDC,U+601D,U+6027,U+60A9,U+60C5,U+610F,U+611F,U+614B,U+6210,U+623B,U+6240,U+624B,U+6253,U+6255,U+6271,U+627F-6280,U+6295,U+629C,U+629E,U+62BC,U+62C5,U+62DD,U+62E1,U+62FE,U+6301,U+6319,U+632F,U+63A2,U+63A5,U+63B2,U+63D0,U+652F,U+6539,U+6559,U+6570,U+6574,U+6587,U+6599,U+65AD,U+65B0,U+65B9,U+65BD,U+65E2,U+65E5,U+65E8-65E9,U+660E,U+6620,U+6642,U+666F,U+6696,U+66AB,U+66F4,U+66F8,U+66FF-6700,U+6708-6709,U+671B,U+671D,U+671F,U+6728,U+672A-672C,U+6750,U+675F,U+6761,U+6765,U+6790,U+679A,U+67A0,U+682A,U+683C,U+6848,U+68B1,U+691C,U+696D,U+6982,U+69CB,U+69D8,U+6A19,U+6A21,U+6A2A,U+6A4B,U+6B04,U+6B21,U+6B27,U+6B53,U+6B62-6B63,U+6B74,U+6B8B,U+6BB5,U+6BCE,U+6BD4,U+6C0F,U+6C17,U+6C42,U+6C7A,U+6CC1,U+6CD5,U+6CE8,U+6D3B,U+6D41,U+6D88,U+6DF1,U+6DFB,U+6E08,U+6E1B,U+6E21,U+6E29,U+6E80,U+6E96,U+6EC5,U+6EDE,U+70B9,U+7121,U+7136,U+7167,U+7248,U+7269,U+7279,U+72B6,U+72EC,U+7372,U+73FE,U+7406,U+751F,U+7528,U+7530-7531,U+7533,U+753B,U+756A,U+767A-767B,U+767D,U+7684,U+76EE,U+76F4,U+76F8,U+771F,U+7740,U+77E2,U+77E5,U+77ED,U+78BA,U+793A,U+793E,U+79D8,U+79F0,U+79FB,U+7A00,U+7A0B,U+7A0E,U+7A2E,U+7A3F,U+7A4D,U+7A7A,U+7ACB,U+7AE0,U+7B2C,U+7B46,U+7B49,U+7B54,U+7B87,U+7BA1,U+7BC9,U+7C8B,U+7CBE,U+7CFB,U+7D04-7D05,U+7D0D,U+7D19,U+7D20,U+7D22,U+7D30,U+7D39,U+7D42,U+7D44,U+7D4C,U+7D50,U+7D5E,U+7D61,U+7D99-7D9A,U+7DAD,U+7DD2,U+7DDA,U+7DE0,U+7E26,U+7E2E,U+7F6B,U+7F6E,U+7F8E,U+7FA4,U+7FA9,U+8003,U+8005,U+805E,U+80CC,U+80FD,U+81EA,U+8208,U+8272,U+82B1,U+843D,U+8449,U+84C4,U+884C,U+8853,U+8868,U+88C5,U+88DC,U+88FD,U+8907,U+8981,U+898B,U+898F,U+8996,U+89A7,U+89D2,U+89E3,U+8A00,U+8A02,U+8A08,U+8A0E,U+8A18,U+8A2A,U+8A2D,U+8A31,U+8A3A,U+8A3C,U+8A71-8A73,U+8A8D,U+8A9E,U+8AAC-8AAD,U+8ABF,U+8AC7,U+8ACB,U+8AD6,U+8AFE,U+8C61,U+8CA0,U+8CA9,U+8CAC,U+8CBC,U+8CC7,U+8CEA,U+8D64,U+8D77,U+8D85,U+8DDD,U+8DEF,U+8DF3,U+8EAB,U+8EE2,U+8EF8,U+8EFD,U+8F03,U+8F09,U+8FBA,U+8FBC,U+8FCE,U+8FD1,U+8FD4,U+8FF7,U+8FFD,U+9001,U+9014,U+901A,U+901F-9020,U+9023,U+9031-9032,U+9045,U+904A-904B,U+9055,U+9077-9078,U+90E8,U+914D,U+91CD,U+91CF,U+91D1,U+91DD,U+9280,U+9332,U+9577,U+9589,U+958B,U+9593,U+95A2,U+95B2,U+9632,U+964D,U+9650,U+9664,U+968E,U+9694,U+969B,U+96A0,U+96C6,U+96E2-96E3,U+9759,U+975E,U+9762,U+9805-9806,U+9810,U+9818,U+982D,U+983C,U+9858,U+985E,U+98FE,U+9AD8,U+9B45,U+FF01-FF60; } :root { /* ====== COLOR ====== */ --paper-50: #F7F4EE; /* 既定背景 */ --paper-100: #EFEAE0; /* 代替面・カード */ --paper-200: #E3DCCD; /* 罫線 */ --stone-300: #C8BFAB; /* 枠線 */ --stone-400: #A89E89; /* 弱いテキスト */ --stone-500: #82786A; /* 副テキスト */ --sumi-600: #4D4740; /* 本文 */ --sumi-700: #2F2B26; /* 見出し・反転面 */ --sumi-900: #14110E; /* 稀 */ --akabeni: #A85A4E; /* アクセント・リンク・番号 */ --akabeni-dark: #8C463C; --bg: var(--paper-50); --bg-alt: var(--paper-100); --fg: var(--sumi-600); --fg-strong: var(--sumi-700); --fg-muted: var(--stone-500); --fg-soft: var(--stone-400); --fg-invert: var(--paper-50); --border: var(--paper-200); --border-strong: var(--stone-300); --link: var(--akabeni); /* ====== TYPE STACKS ====== */ --font-serif-latin: "Cormorant Garamond", "EB Garamond", Georgia, serif; --font-sans-latin: "Manrope", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; --font-mincho-jp: "Hana To Choucho", "Shippori Mincho B1", "Hiragino Mincho ProN", "YuMincho", "Noto Serif JP", serif; --font-sans-jp: "Zen Kaku Gothic Antique", "Hiragino Sans", "YuGothic", "Noto Sans JP", sans-serif; --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace; /* ====== PAGE SCALE（デスクトップ既定 / ≤768px で下のメディアクエリが上書き） ====== */ --h1: 54px; --h2: 36px; --h3: 23px; --pad: 72px; /* 左右パディング */ --sec: 126px; /* セクション縦パディング */ /* ====== RADII（8px 超は使わない） ====== */ --radius-sm: 2px; /* ボタン・入力 */ --radius-md: 4px; /* カード・画像 */ --radius-pill: 999px; /* タグのみ */ /* ====== SHADOW（原則なし・フローティングのみ） ====== */ --shadow-floating: 0 1px 2px rgba(20, 17, 14, 0.04), 0 8px 24px rgba(20, 17, 14, 0.06); /* ====== MOTION ====== */ --motion-fast: 180ms; --motion-base: 300ms; --motion-slow: 600ms; --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1); } @media (max-width: 768px) { :root { --h1: 28px; --h2: 22px; --h3: 18px; --pad: 22px; --sec: 68px; } }