/* fonts.css is loaded directly (not @import'd — see specs/features/font-load-cls.md)
   by app/(frontend)/[locale]/layout.tsx and payloadcms/admin/ProfileStylesheet.tsx,
   in parallel with this file instead of gated behind it. */

:root {
  --font-sans: 'Atkinson Hyperlegible', 'Atkinson Hyperlegible Fallback', sans-serif;
  --lay-block-font: var(--font-sans);
  --lb-gap: 0px;
  --background: #d82929;
  --foreground: 222 47% 11%;
  --muted: 215 16% 47%;
  --accent: 222 89% 56%;
  --accent-foreground: 0 0% 100%;
  --border: 214 32% 91%;
}

.lb-richtext {
  h1 { font-size: 3rem; line-height: 1.2; font-weight: 700; margin: 20px 10px; }
  h2 { font-size: 2rem; line-height: 1.3; font-weight: 700; margin: 10px; }
  h3 { font-size: 1.5rem; line-height: 1.4; font-weight: 600; margin: 10px; }
  h4 { font-size: 1.25rem; line-height: 1.4; font-weight: 600; margin: 10px; }
  h5 { font-size: 1rem; line-height: 1.5; font-weight: 600; margin: 10px; }
  h6 { font-size: 0.875rem; line-height: 1.5; font-weight: 600; margin: 10px; }

  p { line-height: 1.6; margin: 0 10px; }

  ul { list-style: disc; padding-left: 1.5em; margin: 0.5em 10px; }
  ol { list-style: decimal; padding-left: 1.5em; margin: 0.5em 10px; }
  li { margin: 0.25em 10px; }

  a { text-decoration: underline; color: inherit; }
  a:hover { opacity: 0.8; }

  blockquote { border-left: 3px solid currentColor; padding-left: 1em; margin: 0.5em 10px; font-style: italic; }
  code { font-family: monospace; font-size: 0.9em; }
}

/* Link Button block (.lb-link-button) — ghost pill, base style for ALL
   profiles (they @import this file). Profile-neutral: border/text follow
   the surrounding font color, hover inverts using the profile's tokens
   (--ink/--bg where defined, e.g. edna) with safe fallbacks. */
.lb-link-button {
  display: inline-block;
  padding: 15px 30px;
  border: 1.5px solid currentColor;
  border-radius: 999px;
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  color: inherit;
  transition: background 0.25s ease, color 0.25s ease;
}
.lb-link-button:hover {
  background: var(--ink, #1E241F);
  color: var(--bg, #ffffff);
  border-color: var(--ink, #1E241F);
}