/* Grove design tokens - from the DS Mail Box handoff (design/grove-theme.css).
   Light is :root; dark hangs off data-theme on <html>, which an inline
   script in the layout resolves before first paint. Component CSS uses only
   these --g-* variables. */

:root {
  color-scheme: light;
  --g-bg: #FFFFFF; --g-bg-sub: #F7F7F5; --g-bg-input: #FFFFFF; --g-bg-hover: #F0F0ED; --g-bg-sel: #E8F2EC; --g-bg-sel2: #F1F7F3;
  --g-line: #E7E7E3; --g-line-strong: #D4D4CF;
  --g-tx: #1A1B1A; --g-tx-2: #565955; --g-tx-3: #868985;
  --g-acc: #1F7A57; --g-acc-tx: #FFFFFF; --g-acc-soft: #E3F1EA; --g-acc-ink: #16603F;
  --g-note-bg: #FFF7D6; --g-note-line: #EFDB8C; --g-note-tx: #4F3E07;
  --g-blue-bg: #E7EEFB; --g-blue-fg: #2254B0; --g-violet-bg: #EFEAFB; --g-violet-fg: #6338BA;
  --g-amber-bg: #FCF0D7; --g-amber-fg: #8A5605; --g-red-bg: #FCE8E6; --g-red-fg: #B42318;
  --g-green-bg: #E2F2E7; --g-green-fg: #1B6A3E; --g-gray-bg: #EFEFEC; --g-gray-fg: #565955;
  --g-orange-bg: #FDEBDC; --g-orange-fg: #A4450D;
  --g-shadow-sm: 0 1px 2px rgba(20, 22, 20, .06), 0 0 0 1px rgba(20, 22, 20, .06);
  --g-shadow-lg: 0 8px 28px rgba(20, 22, 20, .14), 0 0 0 1px rgba(20, 22, 20, .07);

  --g-font: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --g-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --g-icon: "Material Symbols Rounded";
  /* Radii: chips 5, buttons/inputs 6, cards 8-10, dialogs 12-14. */
  --g-r-chip: 5px; --g-r-btn: 6px; --g-r-card: 10px; --g-r-dialog: 14px;
  /* Status online/away/out-of-office dots. */
  --g-online: #2FA36B; --g-away: #E3A008; --g-ooo: #9AA0A6;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --g-bg: #18191B; --g-bg-sub: #111214; --g-bg-input: #1E2022; --g-bg-hover: #222427; --g-bg-sel: #1A2C24; --g-bg-sel2: #18241F;
  --g-line: #2A2C2F; --g-line-strong: #3A3D41;
  --g-tx: #ECEDEA; --g-tx-2: #A9ACA8; --g-tx-3: #7A7E7A;
  --g-acc: #3DAF82; --g-acc-tx: #08170F; --g-acc-soft: #1B3228; --g-acc-ink: #83D7B2;
  --g-note-bg: #2C2814; --g-note-line: #4D4320; --g-note-tx: #EAD98F;
  --g-blue-bg: #1B2A45; --g-blue-fg: #93B6F6; --g-violet-bg: #292240; --g-violet-fg: #BCA6F3;
  --g-amber-bg: #372A10; --g-amber-fg: #F1C260; --g-red-bg: #3D1D1B; --g-red-fg: #F59C94;
  --g-green-bg: #183224; --g-green-fg: #82D4A2; --g-gray-bg: #26282B; --g-gray-fg: #A9ACA8;
  --g-orange-bg: #3A2416; --g-orange-fg: #F3A56D;
  --g-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .06);
  --g-shadow-lg: 0 10px 32px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .08);
}