/* tokens-diyecom.css · CI v1 (docs/ci-v1.md §5.5, §5.6) · source of truth: Source file/_ecosystem/tokens/ · copy with ../sync.sh, never edit the copies */
[data-brand="diyecom"] {
  --paper: #FAF7F1; --paper-2: #F3EEE5; --paper-3: #E9E2D7; --card: #FFFDFA;
  --ink: #191E28; --ink-2: #424852; --ink-3: #656971; --line: #D9D3CA; --line-strong: #C4BDB2;
  --accent: #C40062; --accent-hover: #AA0052; --accent-ink: #8F0046; --accent-soft: #FFE7ED; --wine: #610D35;
  --sq-red: #DF2225; --sq-red-ink: #B5121A; --sq-amber: #F9B227; --sq-amber-ink: #8A5A00; --sq-blue: #3266E4;
  --night: #151B25; --night-2: #222935; --on-night: #F5F1EC; --on-night-2: #C9CBD1;
  --line-green: #06C755; --ok: #1B7F4C; --error: #B42318;
  --font-display: "IBM Plex Sans Thai", "Noto Sans Thai", system-ui, sans-serif;
  --font-body: "IBM Plex Sans Thai Looped", "IBM Plex Sans Thai", system-ui, sans-serif;
  --font-sticker: "Sriracha", "IBM Plex Sans Thai Looped", cursive;
  --radius-sm: 8px; --radius-md: 14px; --radius-lg: 22px;
  --shadow-hard: 4px 4px 0 var(--ink); --shadow-hard-sm: 2px 2px 0 var(--ink);
  --tilt: -2deg; --tilt-sticker: -3deg;
  --focus: var(--sq-blue);
  --btn-bg: var(--accent); --btn-fg: #FFFFFF; --btn-bg-hover: var(--accent-hover);
  --dur-enter: 260ms; --ease-enter: var(--ease-pop);
}
[data-brand="diyecom"][data-theme="dark"] {
  --paper: #151B25; --paper-2: #222935; --paper-3: #2B3340; --card: #1C2330;
  --ink: #F5F1EC; --ink-2: #D5D1CB; --ink-3: #A9A6A0; --line: rgba(245, 241, 236, .14);
  --accent: #FF3D8A; --accent-hover: #FF5C9C; --accent-ink: #FF7AB0; --accent-soft: rgba(255, 61, 138, .16);
  --sq-blue: #7FA3FF; --btn-fg: #191E28;
  --shadow-hard: 4px 4px 0 var(--sq-amber); --shadow-hard-sm: 2px 2px 0 var(--sq-amber);
}
[data-brand="diyecom"][data-site="book"] { /* คง book.css เดิม: */ --paper: #FFF9E0; --cover: #FECD07; --btn-bg: #141414; --btn-fg: #FECD07; --accent-ink: #774500; }