:root {
  --app-paper: oklch(97.2% 0.018 78);
  --app-paper-strong: oklch(94.2% 0.032 78);
  --app-paper-muted: oklch(91.8% 0.028 74);
  --app-ink: oklch(24% 0.028 48);
  --app-ink-soft: oklch(44% 0.028 48);
  --app-line: oklch(82% 0.036 72);
  --app-accent: oklch(67% 0.176 51);
  --app-accent-deep: oklch(51% 0.128 48);
  --app-accent-soft: oklch(88% 0.064 72);
  --app-shadow: 0 24px 60px rgba(72, 42, 16, 0.09);
}

.dark {
  --app-paper: oklch(14% 0.018 52);
  --app-paper-strong: oklch(17% 0.021 52);
  --app-paper-muted: oklch(20% 0.022 52);
  --app-ink: oklch(94% 0.016 82);
  --app-ink-soft: oklch(79% 0.016 82);
  --app-line: oklch(32% 0.026 66);
  --app-accent: oklch(70% 0.14 54);
  --app-accent-deep: oklch(75% 0.11 60);
  --app-accent-soft: oklch(22% 0.04 58);
  --app-shadow: none;
}

body {
  background:
    radial-gradient(circle at top left, color-mix(in oklch, var(--app-accent-soft) 72%, transparent) 0, transparent 42%),
    linear-gradient(180deg, color-mix(in oklch, var(--app-paper) 88%, white) 0%, var(--app-paper) 100%);
}

.dark body {
  background:
    radial-gradient(circle at top left, color-mix(in oklch, var(--app-accent-soft) 78%, transparent) 0, transparent 38%),
    linear-gradient(180deg, oklch(11.5% 0.016 52) 0%, oklch(9.5% 0.016 50) 100%);
}