/*
 Theme: default
 Scope: global site (public pages)
 Purpose: Provide baseline colors, typography rhythm, and link styles via CSS variables.
 Note: Admin has its own dark mode; this file is only loaded on public routes.
*/

:root {
  --bg: #ffffff;
  --text: #111827; /* gray-900 */
  --muted-text: #6b7280; /* gray-500 */
  --border: #e5e7eb; /* gray-200 */
  --link: #133696; /* blue-700 */
  --link-hover: #d50ea3; /* blue-600 */
  --link-focus: #93c5fd; /* blue-300 */
  --selection-bg: #bfdbfe; /* blue-200 */
  --selection-text: #111827; /* gray-900 */

  /* Fonts */
  --font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;

  /* Social (BlueSky) container */
  --social-max-width: 900px;
  --social-max-height: 500px;
}
.social-container {
  max-width: var(--social-max-width);
  margin-bottom: 2rem;
}
.social-scroll {
  max-height: var(--social-max-height);
  overflow: auto;
}

html, body {
  background-color: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
}

/* Global link styles */
a {
  color: var(--link);
  text-decoration: none;
}
a:hover { color: var(--link-hover); }
a:focus-visible {
  outline: 2px solid var(--link-focus);
  outline-offset: 2px;
}

/* Selection */
::selection {
  background: var(--selection-bg);
  color: var(--selection-text);
}

/* Theme-exposed post list container (home page items) */
.post-list-item {
  border-bottom: 1px solid var(--border);
  padding-bottom: 2rem; /* pb-8 */
  padding-top: 2rem; /* pb-8 */
  margin-bottom: 0; /* spacing comes from container stack */
}
.post-list-item:last-child {
  border-bottom: 0;
}