/* Colour tokens shared by the app and the admin panel. */

:root {
  color-scheme: light dark;

  --cream: #fff8ef;
  --surface: #ffffff;
  --inset: #fff8ef;
  --ink: #1b1b1b;
  --muted: #5c5c5c;
  --line: #f0e6d6;
  --coral: #ef476f;
  --yellow: #ffd166;
  --blue: #0f7c9e;
  --on-accent: #ffffff;
  --shadow: 0 3px 0 var(--line);
}

@media (prefers-color-scheme: dark) {
  :root {
    --cream: #17140f;
    --surface: #221e18;
    --inset: #1b1813;
    --ink: #f7f0e5;
    --muted: #a89e8f;
    --line: #342d24;
    --coral: #ff6b8f;
    --yellow: #ffd166;
    --blue: #6cc9e8;
    --on-accent: #17140f;
    --shadow: 0 3px 0 rgba(0, 0, 0, 0.35);
  }
}