/* GENERATED by tools/design_tokens.py --css. Do not hand-edit. */
:root {
  --canvas: #1D1E25;
  --surface: #282A31;
  --surface-2: #35363D;
  --surface-sunk: #181920;
  --surface-hover: #36383F;
  --surface-active: #404249;
  --ink: #F1F1F5;
  --ink-hover: #D3D3D8;
  --ink-muted: #BBBCC0;
  --ink-subtle: #94959B;
  --ink-tertiary: #73747A;
  --hairline: #3F4047;
  --hairline-soft: #2E2F36;
  --on-ink: #1D1E25;
  --accent: #6FBF9C;
  --accent-hover: #86C9AC;
  --accent-active: #64A88B;
  --accent-ink: #10241C;
  --accent-soft: #243A31;
  --accent-border: #3E6957;
  --field-bg: #22242B;
  --field-border: #7C7D83;
  --field-border-hover: #9A9BA1;
  --disabled-fg: #65666C;
  --disabled-bg: #24262D;
  --focus-ring: #6FBF9C;
  --info-fg: #6FB0E8;
  --info-bg: #28313E;
  --info-border: #3F5B77;
  --success-fg: #4ED07A;
  --success-bg: #233530;
  --success-border: #326949;
  --warning-fg: #E0A32B;
  --warning-bg: #362F26;
  --warning-border: #6F5628;
  --danger-fg: #FF6B6B;
  --danger-bg: #3A282E;
  --danger-border: #7C3E42;
  --highlight: #4A431F;
  --chart-1: #8577F5;
  --chart-2: #1E9E6E;
  --chart-3: #EA6228;
  --chart-4: #2895BE;
  --chart-5: #DC5091;
  --chart-6: #B28A1C;
  --success-solid: #1A8C2D;
  --success-solid-ink: #FFFFFF;
  --doc-copy-green: #018913;
  --doc-copy-red: #AF0000;
  --doc-copy-highlight: #FFF0AB;
  --doc-title-row-bg: #EFEFEF;
  --doc-title-row-ink: #0C343D;
  --sheet-band: #F6F8F9;
  --sheet-ink: #434343;
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-xxl: 24px;
  --r-pill: 9999px;
  --s-2: 2px;
  --s-4: 4px;
  --s-8: 8px;
  --s-10: 10px;
  --s-12: 12px;
  --s-16: 16px;
  --s-24: 24px;
  --s-32: 32px;
  --s-48: 48px;
  --s-64: 64px;
  --s-96: 96px;
  --z-raised: 10;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-toast: 500;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --dur-fast: 150ms;
  --dur-mid: 300ms;
  --dur-reorder: 170ms;
  --dur-settle: 120ms;
  --sans: Inter, "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;
  --measure: 65ch;
  --container: 1200px;
  --touch-target-min: 44px;
}

:root[data-theme="light"] {
  --canvas: #F5F1EC;
  --surface: #FFFFFF;
  --surface-2: #EBE7E1;
  --surface-sunk: #EFEBE5;
  --surface-hover: #F3F3F3;
  --surface-active: #EAEAEA;
  --ink: #111111;
  --ink-hover: #313030;
  --ink-muted: #626260;
  --ink-subtle: #7B7B78;
  --ink-tertiary: #9C9FA5;
  --hairline: #D3CEC6;
  --hairline-soft: #EBE7E1;
  --on-ink: #FFFFFF;
  --accent: #356854;
  --accent-hover: #2E5948;
  --accent-active: #274D3E;
  --accent-ink: #FFFFFF;
  --accent-soft: #E4EDE9;
  --accent-border: #8FAFA1;
  --field-bg: #FFFFFF;
  --field-border: #787674;
  --field-border-hover: #4F4D4B;
  --disabled-fg: #959390;
  --disabled-bg: #EFEBE5;
  --focus-ring: #356854;
  --info-fg: #0A57AC;
  --info-bg: #EBF2F8;
  --info-border: #9DBCDE;
  --success-fg: #0A6E18;
  --success-bg: #EBF3ED;
  --success-border: #9DC5A3;
  --warning-fg: #8A5200;
  --warning-bg: #F6F1EB;
  --warning-border: #D0BA99;
  --danger-fg: #AF0000;
  --danger-bg: #F7EBEB;
  --danger-border: #D99999;
  --highlight: #FFF0AB;
  --chart-1: #5B4BE8;
  --chart-2: #0F8A5F;
  --chart-3: #E8500A;
  --chart-4: #1084B8;
  --chart-5: #C21E70;
  --chart-6: #9C7A12;
}