/* ちいさな耳の連れてきて — design tokens.
   Palette: フェルトグレージュ地(felt greige, base) x マスタード(mustard, accent) x
   チェリーレッド(cherry red, ステッチ/signature accent)。3色で律する — 紺・パステル・虹色は禁止。
   世界観: 「親が手をかけて守る」を工芸(手芸)の質感で前衛的に。整った通販サイト風には堕ちない。 */
:root {
  /* -- color: felt greige (base/paper) -- */
  --color-felt:        #ded4c4;
  --color-felt-2:       #cabfac;
  --color-felt-3:       #b4a894;
  --color-felt-deepest: #93876f;
  --color-ink:          #2c2418;
  --color-ink-soft:     #574a38;
  --color-ink-faint:    #7c6e59;

  /* -- color: マスタード(accent 1) -- */
  --color-mustard:       #b9832a;
  --color-mustard-deep:  #8f631d;
  --color-mustard-bright:#d9a542;
  --color-mustard-dim:   #f1e0bd;

  /* -- color: チェリーレッド(accent 2・ステッチ糸) -- */
  --color-cherry:        #a3313f;
  --color-cherry-deep:   #7c2230;
  --color-cherry-bright: #c94456;
  --color-cherry-dim:    #ecd3d4;
  --color-cherry-ink:    #fbf3ef;

  --color-focus: #a3313f;

  /* -- fonts: Zen Maru Gothic(控えめウェイト) x 等幅(Space Mono) -- */
  --font-display: "Zen Maru Gothic", "Noto Sans JP", sans-serif;
  --font-body: "Zen Maru Gothic", "Noto Sans JP", sans-serif;
  --font-mono: "Space Mono", ui-monospace, monospace;

  /* -- type scale: 極端なコントラスト -- */
  --text-display:   clamp(2.6rem, 1.1rem + 6vw, 5.4rem);
  --text-display-s: clamp(1.9rem, 1.2rem + 2.6vw, 2.9rem);
  --text-4xl: 2.4rem;
  --text-2xl: 1.55rem;
  --text-xl: 1.22rem;
  --text-lg: 1.08rem;
  --text-base: 1rem;
  --text-sm: 0.875rem;
  --text-xs: 0.74rem;

  /* -- spacing (4pt) -- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 112px;

  --radius-sm: 3px;
  --radius-md: 8px;
  --radius-lg: 22px;

  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur-fast: 120ms;
  --dur-base: 220ms;
  --dur-slow: 420ms;

  --rule-hair: 1px;
  --rule-thick: 2px;

  /* Locked single-palette identity, light felt ground on every page.
     No unconditional prefers-color-scheme:dark override block is written
     (this site does not implement a dark variant — site38/42/44 lesson). */
  color-scheme: light;
}