:root, :root[data-theme="light"] {
  color-scheme: light;
  --page: #FFFFFF;
  --ink: #111827;
  --muted: #6B7280;
  --faint: #9CA3AF;
  --line: #C3C9D2;
  --band: #F3F4F6;
  --warn: #DC2626;
  --accent: #B87333;
  --accent_hover: #A2632A;
  --teal: #0F766E;
  --teal_bg: #ECFDF5;
  --tone_ink: #111827;
  --red: #FECACA;
  --orange: #FED7AA;
  --yellow: #FEF08A;
  --green: #BBF7D0;
  --window: #F3F4F6;
  --surface: #FFFFFF;
  --input: #FFFFFF;
  --drop: #F9FAFB;
  --drop_hover: #FDF6EE;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #14171D;
  --ink: #E6E8EC;
  --muted: #9AA3B2;
  --faint: #6B7485;
  --line: #3D4452;
  --band: #1D2129;
  --warn: #F87171;
  --accent: #C9813F;
  --accent_hover: #D9944F;
  --teal: #5EEAD4;
  --teal_bg: #12352F;
  --tone_ink: #F3F4F6;
  --red: #5E2429;
  --orange: #5E3B1B;
  --yellow: #4F4616;
  --green: #1C4A31;
  --window: #0F1115;
  --surface: #14171D;
  --input: #1D2129;
  --drop: #171A21;
  --drop_hover: #2A2118;
}