/* Sdílené tokeny drží veřejné stránky Dobrých roků ve stejné barevné a typografické rodině. */
:root {
  /* Primitives */
  --dr-color-plum: #2e183a;
  --dr-color-orange: #f26a2e;
  --dr-color-pink: #f2bbc5;
  --dr-color-sand: #f4e7d0;
  --dr-color-cream: #fff7e8;
  --dr-color-plum-80: rgb(46 24 58 / 80%);
  --dr-color-plum-28: rgb(46 24 58 / 28%);
  --dr-color-cream-62: rgb(255 247 232 / 62%);
  --dr-font-display: "Avenir Next Condensed", "Arial Narrow", Impact, Haettenschweiler, sans-serif;
  --dr-font-body: "Avenir Next", Avenir, "Helvetica Neue", -apple-system, BlinkMacSystemFont, sans-serif;
  --dr-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --dr-space-1: 0.25rem;
  --dr-space-2: 0.5rem;
  --dr-space-3: 0.75rem;
  --dr-space-4: 1rem;
  --dr-space-5: 1.5rem;
  --dr-space-6: 2rem;
  --dr-space-7: 3rem;
  --dr-space-8: 4rem;
  --dr-radius-sm: 0.625rem;
  --dr-radius-md: 1rem;
  --dr-radius-lg: clamp(1.25rem, 2.4vw, 2.125rem);
  --dr-radius-pill: 999px;
  --dr-border-width: 2px;
  --dr-border-default: var(--dr-border-width) solid var(--dr-line);
  --dr-motion-fast: 150ms;
  --dr-motion-base: 240ms;
  --dr-motion-ease: cubic-bezier(.16, 1, .3, 1);
  --dr-page-max: 97.5rem;

  /* Semantic roles */
  color-scheme: light dark;
  --dr-surface-page: var(--dr-color-sand);
  --dr-surface-raised: var(--dr-color-cream);
  --dr-surface-inverse: var(--dr-color-plum);
  --dr-surface-accent: var(--dr-color-orange);
  --dr-surface-human: var(--dr-color-pink);
  --dr-text-primary: var(--dr-color-plum);
  --dr-text-muted: var(--dr-color-plum-80);
  --dr-text-inverse: var(--dr-color-cream);
  --dr-line: var(--dr-color-plum);
  --dr-line-subtle: var(--dr-color-plum-28);
  --dr-focus-ring: var(--dr-color-orange);
  --dr-button-primary-surface: var(--dr-color-orange);
  --dr-button-primary-text: var(--dr-color-plum);
  --dr-button-secondary-surface: transparent;
  --dr-button-secondary-text: var(--dr-text-primary);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --dr-surface-page: var(--dr-color-plum);
    --dr-surface-raised: #371f44;
    --dr-surface-inverse: var(--dr-color-sand);
    --dr-text-primary: var(--dr-color-sand);
    --dr-text-muted: var(--dr-color-cream-62);
    --dr-text-inverse: var(--dr-color-plum);
    --dr-line: rgb(244 231 208 / 62%);
    --dr-line-subtle: rgb(244 231 208 / 24%);
  }
}

:root[data-theme="dark"] {
  --dr-surface-page: var(--dr-color-plum);
  --dr-surface-raised: #371f44;
  --dr-surface-inverse: var(--dr-color-sand);
  --dr-text-primary: var(--dr-color-sand);
  --dr-text-muted: var(--dr-color-cream-62);
  --dr-text-inverse: var(--dr-color-plum);
  --dr-line: rgb(244 231 208 / 62%);
  --dr-line-subtle: rgb(244 231 208 / 24%);
}