/* Prescott Layout - Structural tokens and layout component rules */

[data-layout="prescott"] {
  --theme-header-height: 4rem;
  --theme-max-width: 1280px;
  --theme-section-padding: 5rem;

  --nav-display-mobile: flex;
  --nav-display-desktop: flex;
  --nav-list-gap: 4px;
  --nav-link-padding: 8px 12px;
  --nav-link-height: 37px;

  --header-container-max-width: 1016px;
  --header-container-gap: 32px;
  --header-container-gap-mobile: 16px;

  --blog-home-container-padding: 64px 24px 32px;
  --blog-home-container-padding-mobile: 64px 16px 32px;
  --blog-home-container-max-width: 1016px;
  --blog-home-title-margin-bottom: 54px;
  --blog-home-title-margin-bottom-mobile: 32px;
  --blog-home-filters-margin-bottom: 54px;
  --blog-home-filters-margin-bottom-mobile: 32px;
  --blog-home-posts-margin-bottom: 54px;

  --footer-padding: 3.0625rem 1.5rem 3rem;
  --footer-padding-mobile: 50px 24px;
  --footer-container-max-width: 1016px;

  --post-card-image-height: 188.328px;
  --post-card-content-gap: 16px;
  --post-layout-gap: 32px;

  --search-height: 36px;
  --search-padding: 0.25rem 0.75rem;

  --switcher-container-padding: 4px 6px;
  --switcher-container-gap: 4px;

  --header-bg: #ffffff;
  --header-border-bottom-color: #e5e5e5;

  --switcher-container-bg: #fafafa;
  --switcher-active-bg: #e5e5e5;
}

/* ============================================
   COMPONENT RULES - Prescott Layout
   ============================================ */

[data-layout="prescott"] .theme-post-card-author-row {
  justify-content: flex-start;
  gap: 10px;
}