/* Colors and fonts shared by the public site (site.css) and the dashboard (application.css). */
:root {
  --paper: #F2F4F1;
  --label: #FFFFFF;
  --ink: #0F2238;
  --muted: #56677A;
  --line: #D3DAD6;
  --amber: #C96F12;
  --amber-ink: #FFFFFF;
  --amber-soft: #F7E6D0;
  --error: #B3261E;
  --ok: #1E7A46;
  --code-bg: #0F2238;
  --code-ink: #DCE6F0;
  --code-key: #F2B46A;
  --sans: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #0C1826;
    --label: #13243A;
    --ink: #E8EEF3;
    --muted: #9AABBD;
    --line: #263A52;
    --amber: #E08A2E;
    --amber-ink: #1A0E02;
    --amber-soft: #3A2710;
    --error: #FF8A80;
    --ok: #6FD39A;
    --code-bg: #07111C;
  }
}