/* Generated from apps/web/src/styles/tokens.json. Run npm run tokens:generate; do not edit. */
:root {
  --bg: #E7ECEE;
  --paper: #FFFFFF;
  --ink: #152028;
  --muted: #5B6A73;
  --line: #C9D3D8;
  --field: #F5F8F9;
  --input-bg: #FFFFFF;
  --input-line: #AABBC3;
  --input-muted-bg: #EDF1F3;
  --input-ink: var(--ink);
  --deck: #141B21;
  --deck2: #1D262E;
  --deck-line: #2A353F;
  --deck-ink: #F1F5F7;
  --deck-muted: #8E9BA5;
  --g: #2BD96B;
  --y: #F5C518;
  --r: #FF4057;
  --blue: #3AA0FF;
  --idle: #3A4651;
  --accent: #1D7A62;
  --accent-ink: #FFFFFF;
  --ok: #23804B;
  --ok-bg: #E0F2E7;
  --warn: #946000;
  --warn-bg: #FAEDCF;
  --bad: #B3303A;
  --bad-bg: #F8DEE0;
  --pink: #C92A76;
  --pink-ink: #FFFFFF;
  --pink-bg: #FCE7F1;
  --rep-h: #FFF1A6;
  --rep-hi: #3A3000;
}
:root[data-theme="dark"] {
  --bg: #090D10;
  --paper: #121A20;
  --ink: #E6EDF1;
  --muted: #90A0AA;
  --line: #26323B;
  --field: #0E151A;
  --input-bg: #1B2831;
  --input-line: #4A626F;
  --input-muted-bg: #0E151A;
  --input-ink: var(--ink);
  --deck: #131B21;
  --deck2: #1B252D;
  --deck-line: #27333D;
  --deck-ink: #F1F5F7;
  --deck-muted: #8E9BA5;
  --g: #2BD96B;
  --y: #F5C518;
  --r: #FF4057;
  --blue: #3AA0FF;
  --idle: #3A4651;
  --accent: #3FC79F;
  --accent-ink: #06120E;
  --ok: #5FD08D;
  --ok-bg: #12301F;
  --warn: #F0BE4D;
  --warn-bg: #352911;
  --bad: #FF7A86;
  --bad-bg: #3A161B;
  --pink: #F07CB3;
  --pink-ink: #2A0716;
  --pink-bg: #3A1527;
  --rep-h: #3F3610;
  --rep-hi: #FFE68A;
}
:root[data-surface="auth"] {
  --bg: #f4f7f2;
  --card: rgba(255,255,255,.94);
  --ink: #102721;
  --muted: #6b7c74;
  --line: #d6dfd6;
  --field: #fff;
  --accent: #087c54;
  --button: #24d58a;
  --button-hover: #1ac17b;
  --button-ink: #062a1b;
  --glow: rgba(145,194,135,.2);
  --orbit: #6f9f76;
  --dot: #14b979;
  --shadow: 0 16px 48px rgba(43,73,37,.10),0 2px 5px rgba(43,73,37,.04);
  --error: #ad3434;
  --error-bg: #fff0ee;
}
:root[data-surface="auth"][data-theme="dark"] {
  --bg: #08120f;
  --card: rgba(17,31,25,.93);
  --ink: #f0f6f2;
  --muted: #a1b2a8;
  --line: #34483c;
  --field: rgba(6,17,12,.5);
  --accent: #64e4aa;
  --button: #43e79e;
  --button-hover: #6aefb4;
  --button-ink: #062a1b;
  --glow: rgba(68,126,71,.17);
  --orbit: #699547;
  --dot: #5bdf8f;
  --shadow: 0 22px 64px rgba(0,0,0,.25);
  --error: #ffb2a8;
  --error-bg: #332320;
  --pond-water: #12342c;
  --pond-edge: #345c47;
  --bank: #17271c;
  --farm-line: #356859;
  --farm-detail: #55836a;
}
:root {
  --font-body: "IBM Plex Sans Thai","Sarabun","Leelawadee UI","Thonburi",system-ui,sans-serif;
  --font-numeric: "Barlow Condensed","Arial Narrow",system-ui,sans-serif;
  --type-body-size: 16px;
  --type-body-line-height: 1.55;
  --type-heading-page: 1.25rem;
  --type-heading-management: 1.65rem;
  --type-heading-section: 1.1rem;
  --type-label: .88rem;
  --type-auth-heading: 2.05rem;
  --type-auth-line-height: 1.5;
  --layout-content-max: 1280px;
  --layout-bottom-nav-max: 640px;
  --layout-content-padding: 16px;
  --layout-content-bottom-padding: 110px;
  --layout-auth-card-max: 460px;
  --layout-management-dialog-max: 700px;
  --layout-user-dialog-max: 840px;
  --layout-select-height-min: 42px;
  --layout-header-action-size: 44px;
  --layout-auth-input-height-min: 50px;
  --radius-input: 8px;
  --radius-button: 9px;
  --radius-select: 10px;
  --radius-card: 14px;
  --radius-deck: 18px;
  --radius-dialog: 20px;
  --radius-auth-card: 24px;
  --radius-pill: 999px;
}