/* ============================================================
   front-page.css - rasmussmedstrup.dk
   Forsidens palette og typografi-finjustering.
   Strukturel CSS findes i front-page-variants.css.
   Loadet kun via is_front_page() i functions.php.

   Section-rytme (deep brown #4A3220 som tilbagevendende brandfarve):
     1. Search hero      - DEEP BROWN (--v-deep)
     2. Latest recipes   - cream      (--v-bg)
     3. Favorites        - medium     (--v-bg-alt)
     4. Seasonal         - cream      (--v-bg)
     5. Categories       - DEEP BROWN (--v-deep)
     6. Cookbook         - cream      (--v-bg)
     7. Meet Rasmus      - warm band  (--v-band)
     8. Quick 20-min     - cream      (--v-bg)
     9. Newsletter       - DEEP BROWN (--v-deep)
    10. Instagram        - cream      (--v-bg)

   Mørke sektioner (1, 5, 9) bærer brandet. Lyse/medium sektioner
   imellem skaber luft og kontrast. #8A6547 fungerer som accent
   (knapper, eyebrows, dividerstreg) på begge slags baggrunde.
   ============================================================ */

:root {
	/* Backgrounds - varm cream med let rosa undertone */
	--v-bg:         #F5EDDF;  /* warm cream, let rosa */
	--v-bg-alt:     #E6D2B6;  /* dusty warm tint */
	--v-band:       #DEC5A5;  /* warm band til search + rasmus panel */
	--v-panel:      #FDF8EB;

	/* Ink (warm dark, blød) */
	--v-ink:        #3A261B;
	--v-ink-soft:   #6E4F3C;
	--v-muted:      #A88E77;

	/* Linjer */
	--v-border:     rgba(58,38,27,0.12);

	/* Browns - primær brand-brun gennemgående på sitet */
	--v-brown:      var(--color-primary);       /* #8A6547 - primær brand brown */
	--v-brown-dark: var(--color-primary-dark);  /* #6E4F37 - dybere brown for hover */

	/* Accent (lys beige supplement, brugt sparsomt) */
	--v-accent:     var(--color-primary-soft);  /* #C8A58B - dusty rose-beige */

	/* Dark bands: dybere cocoa, så primærfarven træder frem på toppen */
	--v-deep:       #4A3220;
	--v-on-deep:    #F2E4CF;

	/* Fonts */
	--v-serif:      'Newsreader', Georgia, serif;
	--v-sans:       'Manrope', -apple-system, Helvetica, Arial, sans-serif;
}

/* Typography tuning - Newsreader er en moderne editorial serif med
   optical sizes. Større opsz til display headings. */
.v-section-title,
.v-search-hero__title,
.v-book__title,
.v-rasmus__title,
.v-newsletter__title {
	font-weight: 500;
	letter-spacing: -0.01em;
	font-variation-settings: "opsz" 48;
}

.v-card__title,
.v-fav-card__title,
.v-seasonal-card__title,
.v-quick-card__title,
.v-cat-tile__name {
	font-weight: 500;
	font-variation-settings: "opsz" 20;
}

/* Headerens baggrund styres centralt af header.css's --header-bg
   (#F5EDDF som matcher forsidens --v-bg). Tidligere lå der et
   body.home-scoped override her der gav forsiden en anden farve
   end undersiderne - det er nu redundant og fjernet. */