:root {
  --cryptill-ground: #F1EFE9;
  --cryptill-surface: #FBFAF7;
  --cryptill-fg: #1E1F26;
  --cryptill-muted: #5D5F6B;
  --cryptill-line: #D9D6CE;
  --cryptill-accent: #2F45A8;
  --cryptill-accent-tint: #E1E6F7;
  --cryptill-paid: #1A6B3E;
  --cryptill-paid-tint: #DDEFE3;
  --cryptill-pending: #8A5A00;
  --cryptill-pending-tint: #F5E8C8;
  --cryptill-failed: #B3342B;
  --cryptill-failed-tint: #F6DEDA;
}

@media (prefers-color-scheme: dark) {
  :root {
    --cryptill-ground: #15161C;
    --cryptill-surface: #1D1E26;
    --cryptill-fg: #ECEAE4;
    --cryptill-muted: #A3A3AE;
    --cryptill-line: #2E303B;
    --cryptill-accent: #8FA2F0;
    --cryptill-accent-tint: #1E2648;
    --cryptill-paid: #5FCF8E;
    --cryptill-paid-tint: #17301F;
    --cryptill-pending: #E2B44C;
    --cryptill-pending-tint: #33290F;
    --cryptill-failed: #F08A80;
    --cryptill-failed-tint: #3A1C19;
  }
}