/*
 * flowcal 落地页 · 设计令牌
 *
 * ## 字体
 *
 *   - **DIN Alternate Bold** —— 所有拉丁 / 数字 / 符号。一个字重，数字本身等宽。
 *   - **宋体** —— 中文。依次是系统自带的
 *     `"Noto Serif SC"` / `"Noto Serif TC"` / `"Songti SC"`，最后兜底 `serif`。
 *
 * DIN Alternate **不含 CJK 字形**，所以拉丁与中文同串时，浏览器按字符逐个回退 ——
 * 拉丁落到 DIN，中文落到宋体。页面上那行「一款可以无限滚动菜单栏日历」
 * 与英文页的 "flowcal" 字标，正好是这两种字体同屏的样子。
 *
 * 字体文件是 App 随包分发的那一份（`Sources/Resources/Fonts/DINAlternate-Bold.ttf`），
 * 原样搬到 `assets/fonts/`。``font-weight: 100 900`` 是为了告诉浏览器
 * 「这一族只有一个字重」—— 否则 700 会被合成出来，粗得不像字。
 *
 * ## 颜色
 *
 * 两支色取自 App 自己的色板：
 *   --accent  #006D87  翠色   · 交互色（按钮、链接）
 *   --rest    #9D2933  胭脂红 · 内容色（休息日、节假日、节名）
 * 其余是中性色 —— 与 minical 的 zinc 灰阶同一套读法。
 * 页面**只有浅色一档**。
 */

@font-face {
  font-family: "DIN Alternate";
  src: url("fonts/DINAlternate-Bold.ttf") format("truetype");
  font-weight: 100 900;      /* 单字重族：别让浏览器合成粗体 */
  font-style: normal;
  font-display: swap;
}

:root {
  /* Colors */
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --surface-dim: #F4F4F5;
  --surface-paper: #FAFAFA;
  --border: #E4E4E7;
  --border-strong: #D4D4D8;

  --text-primary: #18181B;
  --text-secondary: #71717A;
  --text-tertiary: #A1A1AA;
  --text-ink: #09090B;

  --accent: #006D87;
  --accent-soft: #E4EFF2;
  --accent-foreground: #FFFFFF;

  --rest: #9D2933;

  /* 菜单栏那一条：近黑，模拟 macOS 菜单栏（截图里的日期是白的） */
  --menubar: #1C1C1E;

  /* Type —— DIN 打头管拉丁与数字，中文自然落到宋体 */
  --font-ui: "DIN Alternate", "Noto Serif SC", "Noto Serif TC", "Songti SC", serif;

  /* Layout */
  --wrap: 896px;
  --wrap-text: 560px;

  /* Radii */
  --radius-card: 12px;
  --radius-chip: 999px;

  /* 面板截图的投影 —— 页面自己加的，不是截图里带的 */
  --shot-shadow: 0 2px 6px #00000014, 0 24px 56px #1A1A1826;
  --shot-shadow-hi: 0 4px 10px #0000001F, 0 40px 96px #1A1A1845;
}