@font-face{font-family:'Baskervville SC';font-style:normal;font-weight:400;font-display:swap;src:url('./web/baskervville-sc.ttf') format('truetype')}
@font-face{font-family:'Sacramento';font-style:normal;font-weight:400;font-display:swap;src:url('./web/sacramento.ttf') format('truetype')}
@font-face{font-family:'Caveat';font-style:normal;font-weight:700;font-display:swap;src:url('./web/caveat-700.ttf') format('truetype')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('./web/inter-400.ttf') format('truetype')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('./web/inter-600.ttf') format('truetype')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('./web/inter-700.ttf') format('truetype')}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('./web/inter-800.ttf') format('truetype')}

/* ============================================================
   字体中心 · moodboard   （fonts/fonts.css）
   ------------------------------------------------------------
   全站字体的唯一来源与调用入口。任何页面只需引入这一行：
       <link rel="stylesheet" href="fonts/fonts.css">

   然后用下面的语义变量调用，例如：
       正文     font-family: var(--font-body);
       手写标题 font-family: var(--font-hand);

   规则：
   1) 页面里不要再单独写 Google Fonts 的 link，字体来源只在这里。
   2) 变量按“用途”命名，不按字体名 —— 换字体时只改这一个文件，
      所有页面自动跟着变，保持全站一致。
   3) canvas / JS 需要“纯字体名字符串”，读 --font-*-name 变量。
   注意：本注释块内不要再写 CSS 注释结束符，否则会提前闭合注释、
        令后续规则（尤其 @import）失效——上一版就是栽在这里。
   ============================================================ */

/* 语义化字体变量（按用途调用） */
:root{
  /* 正文 / UI / 导航（无衬线主字体） */
  --font-body:    'Inter', 'PingFang SC', system-ui, -apple-system, sans-serif;

  /* 手写活泼标题 / 占位大字（Caveat） */
  --font-hand:    'Caveat', cursive;

  /* 雾气花体“Portfolio”连笔草书（Sacramento） */
  --font-script:  'Sacramento', 'Snell Roundhand', 'Bradley Hand', 'Segoe Script', cursive;

  /* 优雅衬线花体，适合大标题点睛（Great Vibes） */
  --font-display: 'Great Vibes', cursive;

  /* 马克笔 / 便签感（Kalam） */
  --font-marker:  'Kalam', cursive;

  /* 随性连笔（Dancing Script） */
  --font-casual:  'Dancing Script', cursive;

  /* 备用花体（都已在上面加载，需要时直接写字体名或加变量）：
     Satisfy / Yellowtail / Petit Formal Script / Homemade Apple / Shadows Into Light */

  /* 给 JS/canvas 用的“纯字体名”（canvas 只认具体 family 名，读这个） */
  --font-script-name: 'Sacramento';
  --font-hand-name:   'Caveat';
}