/*
  Bizmark theme: "Workspace"
  Google-style: Google blue for action, neutral blue-gray surfaces, Google red/yellow/green/blue for department tabs.
  Each token holds light-dark(light, dark). Theme is chosen by data-theme on <html>, else by the OS.
*/
:root {
  color-scheme: light dark;

  /* Surfaces */
  --paper: light-dark(oklch(0.984 0.005 258), oklch(0.187 0.002 286)); /* #F8FAFD / #131314, app background */
  --surface: light-dark(oklch(1 0 90), oklch(0.239 0.002 248)); /* #FFFFFF / #1E1F20, cards, panels, rows */
  --sunken: light-dark(oklch(0.966 0.008 254), oklch(0.284 0.005 248)); /* #F0F4F9 / #282A2C, rail, fields, hover */
  --line: light-dark(oklch(0.894 0.006 265), oklch(0.395 0.004 174)); /* #DADCE0 / #444746, hairlines */

  /* Text */
  --ink: light-dark(oklch(0.239 0 90), oklch(0.916 0 90)); /* #1F1F1F / #E3E3E3 */
  --ink-2: light-dark(oklch(0.395 0.004 174), oklch(0.827 0.004 157)); /* #444746 / #C4C7C5, secondary text */

  /* Accent: Google blue is the single action color */
  --accent: light-dark(oklch(0.495 0.199 261), oklch(0.825 0.08 260)); /* #0B57D0 / #A8C7FA, buttons, switches, selection */
  --on-accent: light-dark(oklch(1 0 90), oklch(0.321 0.121 260)); /* #FFFFFF / #062E6F, text on accent */
  --accent-ink: light-dark(oklch(0.495 0.199 261), oklch(0.825 0.08 260)); /* #0B57D0 / #A8C7FA, links */
  --accent-soft: light-dark(oklch(0.912 0.04 260), oklch(0.409 0.163 261)); /* #D3E3FD / #0842A0, selected rail item, prompts */
  --mark: light-dark(oklch(0.626 0.206 29), oklch(0.745 0.127 26)); /* #EA4335 / #F28B82, the bookmark ribbon in the logo only */

  /* Highlighter and status */
  --marker: light-dark(oklch(0.953 0.059 91), oklch(0.416 0.085 93)); /* #FEEFC3 / #5C4A00, search match */
  --ok: light-dark(oklch(0.488 0.13 149), oklch(0.774 0.104 152)); /* #137333 / #81C995 */
  --ok-soft: light-dark(oklch(0.954 0.02 155), oklch(0.32 0.072 151)); /* #E6F4EA / #0F3D1F */
  --warn: light-dark(oklch(0.498 0.112 65), oklch(0.888 0.139 91)); /* #8D5300 / #FDD663 */
  --warn-soft: light-dark(oklch(0.976 0.031 93), oklch(0.31 0.063 93)); /* #FEF7E0 / #3B2F00 */
  --danger: light-dark(oklch(0.501 0.178 29), oklch(0.745 0.127 26)); /* #B3261E / #F28B82 */
  --danger-soft: light-dark(oklch(0.946 0.022 24), oklch(0.283 0.081 27)); /* #FCE8E6 / #4A1512 */
  --focus: light-dark(oklch(0.495 0.199 261), oklch(0.825 0.08 260)); /* #0B57D0 / #A8C7FA, focus ring */

  /* Department tabs: Google blue, red, yellow, green first, assigned by folder order */
  --t1: light-dark(oklch(0.532 0.181 258), oklch(0.766 0.108 260)); /* #1967D2 / #8AB4F8, blue */
  --t2: light-dark(oklch(0.532 0.198 28), oklch(0.745 0.127 26)); /* #C5221F / #F28B82, red */
  --t3: light-dark(oklch(0.57 0.135 59), oklch(0.888 0.139 91)); /* #B06000 / #FDD663, yellow */
  --t4: light-dark(oklch(0.527 0.141 148), oklch(0.774 0.104 152)); /* #188038 / #81C995, green */
  --t5: light-dark(oklch(0.531 0.09 203), oklch(0.833 0.095 212)); /* #007B83 / #78D9EC, teal */
  --t6: light-dark(oklch(0.514 0.226 303), oklch(0.735 0.165 307)); /* #8430CE / #C58AF9, purple */
  --t7: light-dark(oklch(0.531 0.202 6), oklch(0.781 0.158 347)); /* #C2185B / #FF8BCB, pink */
  --t8: light-dark(oklch(0.539 0.156 43), oklch(0.811 0.121 58)); /* #B5470A / #FCAD70, orange */
  --on-tab: light-dark(oklch(1 0 90), oklch(0.248 0.006 271)); /* #FFFFFF / #202124, text on a tab */

  /* Type: Google Sans where installed, Roboto next, then the system face */
  --font-display: "Google Sans Flex", "Google Sans", "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-ui: "Google Sans Text", "Google Sans Flex", "Google Sans", "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-url: "Roboto Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  /* Major third on a 14px root */
  --step--1: 0.8rem;
  --step-0: 1rem;
  --step-1: 1.25rem;
  --step-2: 1.563rem;
  --step-3: 1.953rem;
  --step-4: 2.441rem;
  --lh-ui: 1.45;
  --lh-display: 1.15;

  /* Space, shape, elevation, motion */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px;
  --r-row: 10px; --r-control: 8px; --r-sheet: 16px; --r-pill: 999px;
  --shadow-pop: 0 1px 2px rgb(60 64 67 / 0.30), 0 2px 6px 2px rgb(60 64 67 / 0.15);
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --dur-1: 120ms;
  --dur-2: 240ms;

  /* Layout */
  --rail-compact: 52px;
  --rail-wide: 244px;
}
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"]  { color-scheme: dark; }