/* สร้างจากหัว YAML ของ DESIGN.md โดย scripts/tokens.mjs — ห้ามแก้มือ */
:root {
  --c-paper: #FFFDF8;
  --c-card: #FFFFFF;
  --c-ink: #2B2522;
  --c-ink-2: #6B5F58;
  --c-line: #EAE2D8;
  --c-primary: #3F6A1F;
  --c-on-primary: #FFFFFF;
  --c-sakura: #F4B6C4;
  --c-sakura-ink: #B23E5C;
  --c-sakura-soft: #FBE3E9;
  --c-mochi: #FFFFFF;
  --c-matcha: #A9C46C;
  --c-matcha-ink: #3F6A1F;
  --c-matcha-soft: #E6F0D8;
  --c-stick: #C69A6D;
  --c-warn-ink: #8A5A0B;
  --c-warn-soft: #F6EBD6;
  --c-neutral-soft: #F1ECE6;
  --c-me: #2F7DF6;
  --c-glass: rgba(255, 253, 248, .78);
  --c-scrim: rgba(43, 37, 34, .16);
  --f-ui: "Mitr", "Zen Maru Gothic", "Hiragino Maru Gothic ProN", system-ui, sans-serif;
  --f-brand: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;
  --f-ja: "Hiragino Maru Gothic ProN", "Hiragino Sans", "Zen Maru Gothic", sans-serif;
  --t-xs: 13px;
  --t-sm: 14px;
  --t-md: 16px;
  --t-lg: 19px;
  --t-xl: 24px;
  --t-num: 34px;
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --l-tap: 44px;
  --l-panel-max-compact: 60svh;
  --l-fold-gap: 24px;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --c-paper: #191614;
  --c-card: #24201D;
  --c-ink: #F3EEE8;
  --c-ink-2: #B9AEA6;
  --c-line: #3A3430;
  --c-primary: #A9C46C;
  --c-on-primary: #1B2410;
  --c-sakura: #E58FA3;
  --c-sakura-ink: #F4A3B6;
  --c-sakura-soft: #4A2A33;
  --c-mochi: #F3EEE8;
  --c-matcha: #8DAE52;
  --c-matcha-ink: #B9D48E;
  --c-matcha-soft: #2C3A1F;
  --c-stick: #A57E55;
  --c-warn-ink: #E8B860;
  --c-warn-soft: #3F3526;
  --c-neutral-soft: #322E2A;
  --c-me: #5B9BFF;
  --c-glass: rgba(36, 32, 29, .78);
  --c-scrim: rgba(0, 0, 0, .45);
  color-scheme: dark;
}