/* Sayoo design tokens — the single source for sayoo.me / sayoo.ai and the admin console.
   Light by default; dark follows the system. Reference: website/DESIGN.md */
:root {
  --paper: #f6f5f0;
  --paper-2: #efede6;
  --card: #fffffd;
  --ink: #0d1015;
  --ink-2: #474d59;
  --ink-3: #696e78;
  --ink-4: #b9bcc3;
  --line: rgba(13, 16, 21, 0.09);
  --blue: #0066e6;
  --blue-deep: #0048a8;
  --blue-soft: #e4eefc;
  --night: #07101f;
  --serif: "Instrument Serif", "Songti SC", "Noto Serif SC", "Source Han Serif SC", Georgia, serif;
  --sans: "Instrument Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
  --radius: 22px;
  --shadow: 0 1px 1px rgba(13, 16, 21, 0.04), 0 12px 32px -12px rgba(13, 16, 21, 0.18);
  --ease: cubic-bezier(0.22, 0.8, 0.24, 1);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #0a0c10;
    --paper-2: #101319;
    --card: #14171e;
    --ink: #f1f2f4;
    --ink-2: #b7bcc6;
    --ink-3: #7c828e;
    --ink-4: #80858f;
    --line: rgba(255, 255, 255, 0.09);
    --blue: #3d8bff;
    --blue-deep: #8ab8ff;
    --blue-soft: #0f2340;
    --shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 18px 40px -16px rgba(0, 0, 0, 0.7);
    color-scheme: dark;
  }
}