/* --------------------------------------------------------------
   BETA THEME: HarborskyBeta
   A clean, conflict-free Beta theme using the refined Harborsky
   color palette. No heading overrides. No text overrides.
   Pure Beta geometry + HarborSky colors.
-------------------------------------------------------------- */

:root {
  /* Harborsky Color Scale */
  --harborsky-50:   #f2f7fb;
  --harborsky-100:  #dceaf7;
  --harborsky-200:  #bcd7ef;
  --harborsky-300:  #94c0e6;
  --harborsky-400:  #6aa8dc;
  --harborsky-500:  #3f8fce; /* Primary */
  --harborsky-600:  #2f74a8;
  --harborsky-700:  #245c85;
  --harborsky-800:  #1b4563;
  --harborsky-900:  #122e42;

  /* Semantic Tokens */
  --theme-primary: var(--harborsky-500);
  --theme-primary-light: var(--harborsky-300);
  --theme-primary-dark: var(--harborsky-700);

  --theme-surface: var(--harborsky-50);
  --theme-surface-alt: var(--harborsky-100);

  --theme-fg: var(--harborsky-900);
  --theme-fg-muted: var(--harborsky-700);
  --theme-fg-inverse: #ffffff;

  /* Shadows */
  --theme-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --theme-shadow-md: 0 3px 6px rgba(0, 0, 0, 0.08);
  --theme-shadow-lg: 0 8px 16px rgba(63, 143, 206, 0.18);

  /* Accent Border (Beta style) */
  --beta-border-color: var(--harborsky-500);
  --beta-border-width: 4px;
}

/* --------------------------------------------------------------
   ARTICLE CONTAINER — Beta Geometry
-------------------------------------------------------------- */

.article-container.article-harborskybeta {
  background: var(--theme-surface);
  color: var(--theme-fg);
  padding: 2rem;
  border-left: var(--beta-border-width) solid var(--beta-border-color);
  box-shadow: var(--theme-shadow-md);
  border-radius: 6px;
}

/* Links */
.article-container.article-harborskybeta a {
  color: var(--theme-primary);
}

.article-container.article-harborskybeta a:hover {
  color: var(--theme-primary-dark);
}

/* Cards inside article */
.article-container.article-harborskybeta .card {
  background: var(--theme-surface-alt);
  border-left: 3px solid var(--theme-primary-light);
  padding: 1rem;
  border-radius: 4px;
  box-shadow: var(--theme-shadow-sm);
}