:root:root {
  color-scheme: light dark;
  --accent: #4a6cf7;
  --bg: #faf8f6;
  --brand: #d23f5b;
  --brand-ink: #ffffff;
  --brand-soft: #fde8eb;
  --brand-text: #b8324a;
  --danger: #d64545;
  --danger-text: #b83232;
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ink: #1f1b1d;
  --ink-2: #6b6366;
  --line: #e7e1dd;
  --ok: #2f9e6b;
  --ok-text: #1f7a50;
  --radius: 14px;
  --surface: #ffffff;
  --surface-2: #f2efec;
  --warn: #d9822b;
  --warn-text: #965410;
}
@media (prefers-color-scheme: dark) {
  :root:root {
  --bg: #141113;
  --brand-soft: #3a2227;
  --brand-text: #f08a9b;
  --danger-text: #f28b8b;
  --ink: #f3eeef;
  --ink-2: #a99fa3;
  --line: #342e30;
  --ok-text: #7fd1a8;
  --surface: #1d191b;
  --surface-2: #272224;
  --warn-text: #f0b46a;
  }
}