/**
 * Design tokens. Change values here before adding local exceptions.
 */

:root {
  color-scheme: dark;
  font-size: 100%;

  --annwn-ink: #0b0b0d;
  --annwn-anthracite: #17181c;
  --annwn-surface: #202126;
  --annwn-border: #30333a;
  --annwn-bronze: #a9875a;
  --annwn-brass: #c6a46a;
  --annwn-ivory: #e8e2d6;
  --annwn-stone: #9a958c;
  --annwn-white: #ffffff;
  --annwn-black-rgb: 11, 11, 13;

  --annwn-font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --annwn-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --annwn-font-accent: "Cinzel", Georgia, serif;
  --annwn-font-brand: "Ogham LLWYBR", "Cinzel", Georgia, serif;
  --annwn-font-ogham: "Ogham LLWYBR", "Cinzel", Georgia, serif;

  --annwn-text-min: 0.8rem;
  --annwn-text-xs: 0.8125rem;
  --annwn-text-sm: 0.875rem;
  --annwn-text-base: 1rem;
  --annwn-text-lg: 1.125rem;
  --annwn-text-xl: 1.25rem;
  --annwn-text-2xl: clamp(1.75rem, 3vw, 2.25rem);
  --annwn-text-3xl: clamp(2.25rem, 5vw, 3.5rem);
  --annwn-text-display: clamp(3rem, 8vw, 5.25rem);

  --annwn-space-1: 0.25rem;
  --annwn-space-2: 0.5rem;
  --annwn-space-3: 0.75rem;
  --annwn-space-4: 1rem;
  --annwn-space-5: 1.5rem;
  --annwn-space-6: 2rem;
  --annwn-space-7: 3rem;
  --annwn-space-8: 4.5rem;
  --annwn-space-9: 6rem;

  --annwn-container: 79.375rem;
  --annwn-reading: 47.5rem;
  --annwn-gutter: clamp(1rem, 4vw, 2rem);
  --annwn-section-space: clamp(3.5rem, 8vw, 7rem);

  --annwn-radius-sm: 2px;
  --annwn-radius-md: 6px;
  --annwn-shadow-soft: 0 1.5rem 4rem rgba(var(--annwn-black-rgb), 0.24);
  --annwn-transition: 180ms ease;
  --annwn-transition-slow: 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

.llwybr-brand-font-cinzel {
  --annwn-font-brand: "Cinzel", Georgia, serif;
}

::selection {
  background: var(--annwn-brass);
  color: var(--annwn-ink);
}

:focus-visible {
  outline: 2px solid var(--annwn-brass);
  outline-offset: 3px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}