/* Preview A — PCC Color Palette 1 / Font System 1 from Identity System Guide. */
:root {
  --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Neue Haas Grotesk', Arial, Helvetica, sans-serif;
  --font-special: 'Bebas Neue Pro', 'Arial Narrow', sans-serif;
  --header-bg: #FFFFFF; --header-text: #2C4667; --header-border: #D7C5AE; --nav-hover-bg: #D7C5AE;
  --page-bg: #FFFFFF; --body-text: #2C4667; --heading-color: #2C4667; --link-color: #2C4667;
  --hero-bg: linear-gradient(90deg,rgba(44,70,103,.88),rgba(44,70,103,.34)), url('../brand/prayer-time-hero.jpg'); --hero-text: #FFFFFF; --hero-accent: #D7C5AE; --hero-art: linear-gradient(135deg,#738276,#D7C5AE);
  --soft-section-bg: #D7C5AE; --dark-section-bg: #738276; --dark-section-text: #FFFFFF; --dark-section-heading: #FFFFFF; --dark-section-link: #FFFFFF;
  --button-bg: #AF978F; --button-text: #FFFFFF; --button-hover-bg: #738276;
  --accent-color: #AF978F; --focus-color: #D7C5AE;
  --brand-mark-bg: #D7C5AE; --brand-mark-text: #2C4667; --brand-logo-bg: #FFFFFF; --brand-logo: url('../brand/concept-1-final.png');
  --card-bg: #FFFFFF; --card-border: #D7C5AE; --card-shadow: 0 8px 24px rgba(44,70,103,.12);
  --footer-bg: #2C4667; --footer-text: #FFFFFF; --footer-heading: #FFFFFF; --footer-link: #D7C5AE; --shadow: 0 14px 35px rgba(44,70,103,.22);
}