/**
 * Author:      Stefan Miscik
 * Company:     Dotsystems s.r.o.
 * Copyright:   Amesi s.r.o.
 */
:root {
  --accent: #ffb805;
  --accent-hover: #d99c04;
  --accent-soft: #fff3cc;
  --text: #1c1c1c;
  --text-muted: #636363;
  --gold: #ffb805;
  --page: #fffdf6;
  --surface: #ffffff;
  --surface-soft: #fff8e8;
  --line: #efe3c2;
  --accent-contrast: #1c1c1c;
  --danger: #c45a12;
  --r: 15px;
  --r-pill: 100px;
  --wrap: 77.5rem;
  --pad: 1.5rem;
  --header-h: 5.75rem;

  --canvas: var(--text);
  --ink: var(--page);
  --muted: color-mix(in srgb, var(--page) 68%, transparent);
  --fog: var(--muted);
  --panel: color-mix(in srgb, var(--page) 6%, var(--text));
  --hairline: color-mix(in srgb, var(--page) 10%, transparent);
  --wash: color-mix(in srgb, var(--page) 5%, transparent);
  --nav: var(--page);
  --header-scrolled: color-mix(in srgb, var(--text) 86%, transparent);
  --subnav-bg: color-mix(in srgb, var(--text) 94%, transparent);
  --band: var(--page);
  --band-ink: var(--text);
  --band-muted: var(--text-muted);
  --burger: var(--page);
  color-scheme: dark;
}

html[data-theme="light"] {
  --canvas: var(--page);
  --ink: var(--text);
  --muted: var(--text-muted);
  --fog: var(--muted);
  --panel: var(--surface);
  --hairline: var(--line);
  --wash: var(--surface-soft);
  --nav: var(--text);
  --header-scrolled: color-mix(in srgb, var(--page) 90%, transparent);
  --subnav-bg: var(--surface);
  --band: var(--surface-soft);
  --band-ink: var(--text);
  --band-muted: var(--text-muted);
  --burger: var(--text);
  color-scheme: light;
}