/* generated from packages/shared/src/tokens.ts */
:root {
  color-scheme: light dark;
  --magenta: #FF3D81;
  --lava: #FF8A00;
  --gold: #FFD93D;
  --cyan: #2DE1FC;
  --glow: #7B5CFF;
  --void: #17102E;
  --nebula: #241A45;
  --night-text: #F4F0FF;
  --night-muted: #B7A9E0;
  --night-line: #3A2E63;
  --night-line-strong: #50408A;
  --btn-go: #E31B6D;
  --paper: #FBF8FF;
  --paper-deep: #F3EDFC;
  --surface: #FFFFFF;
  --rule: #E4DAF5;
  --rule-strong: #C9B8EC;
  --row-line: #EEE7F9;
  --ink: #241A45;
  --ink-soft: #4A3D78;
  --muted: #6B5E96;
  --on-ink: #FFFFFF;
  --magenta-text: #C4155F;
  --amber-text: #8F5B00;
  --teal-text: #097080;
  --tile: #17102E;
  --tile-line: transparent;
  --band: #17102E;
  --band-line: transparent;
  --band-card: #241A45;
  --confirm-bg: #FFF5D6;
  --confirm-line: #F1D88A;
  --confirm-ink: #8F5B00;
  --pink-bg: #FFE8F1;
  --teal-bg: #E3F6F8;
  --shadow: rgba(36, 26, 69, 0.45);
  --shadow-soft: rgba(36, 26, 69, 0.18);
  --bloom: rgba(255, 61, 129, 0.12);
  --bloom-2: rgba(255, 138, 0, 0.22);
  --flame: linear-gradient(180deg, #FF3D81 0%, #FF8A00 58%, #FF9E1B 100%);
  --flame-h: linear-gradient(90deg, #FF3D81 0%, #FF8A00 60%, #FF9E1B 100%);
}
@media (prefers-color-scheme: dark) {
  :root {
  --paper: #17102E;
  --paper-deep: #1C1438;
  --surface: #241A45;
  --rule: #3A2E63;
  --rule-strong: #50408A;
  --row-line: #3A2E63;
  --ink: #F4F0FF;
  --ink-soft: #D6CCF5;
  --muted: #B7A9E0;
  --on-ink: #17102E;
  --magenta-text: #FF6FA3;
  --amber-text: #FFD93D;
  --teal-text: #2DE1FC;
  --tile: #241A45;
  --tile-line: #50408A;
  --band: #241A45;
  --band-line: #3A2E63;
  --band-card: #2E2154;
  --confirm-bg: rgba(255, 217, 61, 0.12);
  --confirm-line: rgba(255, 217, 61, 0.40);
  --confirm-ink: #FFD93D;
  --pink-bg: rgba(255, 61, 129, 0.16);
  --teal-bg: rgba(45, 225, 252, 0.12);
  --shadow: rgba(5, 1, 15, 0.7);
  --shadow-soft: rgba(5, 1, 15, 0.45);
  --bloom: rgba(123, 92, 255, 0.30);
  --bloom-2: rgba(255, 61, 129, 0.16);
  }
}