/***********************************************
   Horizon City Church Styles
   Generated for Horizon City Church
   ***********************************************/
/* Last modified via Style Editor: 2025-11-26 23:56:17 */

:root {
  /* ==============================================
     TYPOGRAPHY - BODY TEXT
     ============================================== */
  --sf-body-font: 'Open Sans', sans-serif;
  --sf-body-weight: 400;
  --sf-body-color: #333333;
  --sf-body-line-height: 1.75;
  --sf-muted-color: #666666;

  /* ==============================================
     TYPOGRAPHY - HEADINGS
     ============================================== */
  --sf-heading-font-override: 1;
  --sf-heading-font: 'Montserrat', sans-serif;
  --sf-heading-weight: 700;
  --sf-heading-color: #000000;
  --sf-subheading-color: #555555;

  /* Font Sizes */
  --sf-text-h1: 2.5rem;
  --sf-text-h2: 1.8rem;
  --sf-text-h3: 1.4rem;
  --sf-text-body: 1rem;
  --sf-text-small: 0.875rem;

  /* ==============================================
     PAGE LAYOUT
     ============================================== */
  --sf-page-bg: #ffffff;
  --sf-page-padding: 2rem;

  /* ==============================================
     PRIMARY CTA BUTTONS
     ============================================== */
  --sf-btn-bg: #ffffff;
  --sf-btn-bg-hover: #333333;
  --sf-btn-bg-active: #e0e0e0;
  --sf-btn-text-color: #000000;
  --sf-btn-text-hover-color: #ffffff;
  --sf-btn-radius: 50px;
  --sf-btn-border-width: 2px;
  --sf-btn-border-color: #000000;
  --sf-btn-shadow: 0;

  /* ==============================================
     H2 SECTION HEADERS
     ============================================== */
  --sf-h2-border-width: 0;
  --sf-h2-border-color: #000000;

  /* ==============================================
     BLOCKQUOTES
     ============================================== */
  --sf-quote-bg: #f9f9f9;
  --sf-quote-radius: 4px;
  --sf-quote-bar-width: 4px;
  --sf-quote-bar-color: #cccccc;
  --sf-quote-border-width: 0;
  --sf-quote-border-color: #e5e7eb;
  --sf-quote-text-italic: 1;

  /* ==============================================
     SCRIPTURE HIGHLIGHTS
     ============================================== */
  --sf-scripture-bg: #f0f0f0;
  --sf-scripture-radius: 8px;
  --sf-scripture-bar-width: 4px;
  --sf-scripture-bar-color: #cccccc;
  --sf-scripture-border-width: 1px;
  --sf-scripture-border-color: #d0d0d0;

  /* ==============================================
     GENERAL HIGHLIGHTS
     ============================================== */
  --sf-highlight-bg: #f0f0f0;
  --sf-highlight-bg-gradient-end: #e0e0e0;
  --sf-highlight-radius: 6px;
  --sf-highlight-bar-width: 4px;
  --sf-highlight-bar-color: #cccccc;

  /* ==============================================
     CALL-OUT BOXES
     ============================================== */
  --sf-callout-bg: #f9f9f9;
  --sf-callout-radius: 8px;
  --sf-callout-border-width: 1px;
  --sf-callout-border-color: #cccccc;
  --sf-callout-shadow: 0;

  /* ==============================================
     FAQ SECTION CONTAINER
     ============================================== */
  --sf-faq-bg: #f9f9f9;
  --sf-faq-radius: 8px;
  --sf-faq-border-width: 1px;
  --sf-faq-border-color: #e2e8f0;
  --sf-faq-title-color: #000000;

  /* ==============================================
     FAQ ITEMS
     ============================================== */
  --sf-faq-item-bg: #ffffff;
  --sf-faq-item-radius: 4px;
  --sf-faq-item-border-width: 1px;
  --sf-faq-item-border-color: #d4edda;
  --sf-faq-question-color: #555555;
  --sf-faq-question-weight: 700;

  /* ==============================================
     FAQ FOOTER
     ============================================== */
  --sf-faq-footer-bg: #f0f0f0;
  --sf-faq-footer-radius: 8px;
  --sf-faq-footer-border-width: 1px;
  --sf-faq-footer-border-color: #d0d0d0;
  --sf-faq-footer-heading-color: #000000;
  --sf-faq-footer-text-color: #555555;

  /* ==============================================
     BIBLE VERSE LINKS
     ============================================== */
  --sf-bible-link-color: #2563eb;
  --sf-bible-link-weight: 600;
  --sf-bible-link-italic: 1;
  --sf-bible-link-underline: 1;
  --sf-bible-link-hover-color: #1d4ed8;
  --sf-bible-link-hover-bg: #eff6ff;

  /* ==============================================
     GENERAL LINKS
     ============================================== */
  --sf-link-color: #000000;
  --sf-link-hover-color: #555555;

  /* ==============================================
     MEDIA
     ============================================== */
  --sf-media-radius: 8px;
  --sf-media-shadow: 0;

  /* ==============================================
     SUCCESS/INFO BOXES
     ============================================== */
  --sf-success-bg: #d1ecf1;
  --sf-success-bar-width: 4px;
  --sf-success-bar-color: #20c997;
  --sf-success-radius: 4px;

  /* ==============================================
     TRANSCRIPT SECTION
     ============================================== */
  --sf-transcript-border-width: 2px;
  --sf-transcript-border-color: #000000;

  /* ==============================================
     SPACING SCALE (for reference)
     ============================================== */
  --sf-space-xs: 0.5rem;
  --sf-space-sm: 1rem;
  --sf-space-md: 1.5rem;
  --sf-space-lg: 2rem;
  --sf-space-xl: 3rem;

  /* ==============================================
     TRANSITIONS
     ============================================== */
  --sf-transition-fast: 0.2s ease;
  --sf-transition-normal: 0.3s ease;
}