/* brandcss · base-web · generated — ห้ามแก้มือ */
html [data-template] {
  --color-primary: #e2693c;
  --color-bg: #f7f5f2;
  --color-text: #23201c;
  --color-muted: #6b665e;
  --color-border: #e6e1d9;
  --color-success: #2a9670;
  --font-body: 'IBM Plex Sans Thai', 'Noto Sans SC', system-ui, sans-serif;
  --radius-md: 12px;
}
html .tg-app {
  --accent-text: #9e3a14;
  --accent-fill: #c04d24;
  --surface-card: #ffffff;
  --surface-raised: #f1eee9;
  --surface-inner: #fbfaf8;
  --danger: #d8503f;
  --warning: #c08f1f;
  --info: #3b7bc0;
  --danger-text: #a3311f;
  --warning-text: #7a5a0e;
  --ok-text: #1a6b4e;
  --info-text: #2d68a8;
  --danger-fill: #c2412f;
  --warning-fill: #8f6a17;
  --ok-fill: #227d5d;
  --info-fill: #3572b4;
}
html[data-theme='dark'] [data-template], html [data-template][data-theme='dark'] {
  --color-bg: #161411;
  --color-text: #f0ede8;
  --color-muted: #9a948a;
  --color-border: #35302a;
  --color-success: #3fb88c;
}
html[data-theme='dark'] .tg-app, html .tg-app[data-theme='dark'] {
  --accent-text: #f09272;
  --surface-card: #201d19;
  --surface-raised: #282420;
  --surface-inner: #1b1916;
  --danger: #e86a5a;
  --warning: #d9a83c;
  --info: #6aa5e0;
  --danger-text: #f4917f;
  --warning-text: #d9a83c;
  --ok-text: #3fb88c;
  --info-text: #6aa5e0;
}