/* =========================================================
   Theme A – Classic Legal
   Warm ivory background, peach-salmon accent from logo (~#F3A788)
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Inter:wght@400;500;600&display=swap');

:root {
  /* Fonts */
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Inter', system-ui, sans-serif;

  /* Palette – sampled from logo: average background pixel = #F3A788 (peach-salmon)
     We use a slightly richer version for contrast usability              */
  --color-bg:           #FAF7F5;   /* warm white */
  --color-hero-bg:      #F5EDE8;   /* blush ivory */
  --color-section-alt:  #FDFBFA;   /* near white, warm */
  --color-text:         #2C1E18;   /* warm near-black */
  --color-heading:      #2C1E18;
  --color-muted:        #7A6258;   /* warm brown-grey */

  --color-accent:       #E8956E;   /* peach-salmon (close to logo #F3A788, slightly richer) */
  --color-accent-dark:  #C4703A;   /* deeper for hover / text links on light bg */
  --color-accent-text: #9A5526;  /* high-contrast for inline text links - AA compliant */
  --color-gold:         #C09A3C;   /* star ratings */

  --color-card-bg:      #FFFFFF;
  --color-card-border:  #F0E4DC;   /* warm blush hairline */

  --color-nav-bg:       #2C1E18;   /* warm espresso */
  --color-nav-text:     #FAF0EB;
  --color-nav-border:   rgba(250,240,235,.12);

  --color-divider:      #EDE0D8;

  --color-footer-bg:    #2C1E18;
  --color-footer-text:  #C4B4AC;

  /* Shapes */
  --radius-card: 4px;
  --radius-img:  4px;
}