:root {
  --v-bg: #faf7ff;
  --v-surface: #ffffff;
  --v-ink: #1a0a2e;
  --v-ink-mute: rgba(26, 10, 46, 0.55);
  --v-ink-faint: rgba(26, 10, 46, 0.25);
  --v-border: rgba(26, 10, 46, 0.08);
  --v-grad: linear-gradient(135deg, #3fc796 0%, #5b8def 50%, #7c5cff 100%);
  --v-grad-alt: linear-gradient(135deg, #ffb86b 0%, #ff5e8a 60%, #a166ff 100%);
  --v-lime: #fff062;
  --v-yellow: #ffe066;

  --v-mute: var(--v-ink-mute);
  --v-faint: var(--v-ink-faint);
  --v-line: var(--v-border);
}
.dark,
[data-theme='dark'] {
  --v-bg: #0d0a1a;
  --v-surface: #181430;
  --v-ink: #f5f3fa;
  --v-ink-mute: rgba(245, 243, 250, 0.6);
  --v-ink-faint: rgba(245, 243, 250, 0.32);
  --v-border: rgba(245, 243, 250, 0.12);
}