/**
 * By Daniella — Lifestyle Blog
 * CSS Variables — Customize here
 * Author: Sujee
 */

:root {

  /* ── PALETTE ────────────────────────────────────────── */
  --blush:         #e8b4b8;   /* Blush pink — accent, badges, underlines     */
  --blush-dark:    #c9878c;   /* Deeper blush for hover states               */
  --blush-light:   #fdf0f1;   /* Very light blush — section tints            */
  --champagne:     #f5ede0;   /* Warm champagne — backgrounds                */
  --champagne-mid: #e8d5bf;   /* Deeper champagne — borders, dividers        */
  --sage:          #8fa88a;   /* Sage green — category 3 accent              */
  --mauve:         #9b7ea0;   /* Mauve — category 4 accent                   */
  --gold:          #c9a96e;   /* Gold — footer highlight, special accents    */

  /* keep --red aliased so shared helpers work */
  --red:           #e8b4b8;
  --red-dark:      #c9878c;

  /* ── NEUTRALS ──────────────────────────────────────── */
  --dark:          #2c2420;   /* Warm near-black                             */
  --mid:           #5a4a44;   /* Warm brown-grey for body text               */
  --muted:         #9c8c88;   /* Light muted for dates, meta                 */
  --light:         #faf7f4;   /* Warm off-white background                   */
  --border:        #ecddd6;   /* Warm border/divider                         */
  --white:         #ffffff;

  /* ── SECTION BACKGROUNDS ─────────────────────────── */
  --bg-s1:         #fdf6f0;   /* Warm cream                                  */
  --bg-s2:         #f7f0f5;   /* Faint mauve                                 */
  --bg-s3:         #f0f5f1;   /* Faint sage                                  */
  --bg-s4:         #fdf3e7;   /* Faint champagne                             */

  /* ── TYPOGRAPHY ────────────────────────────────────── */
  --font-display:  'Cormorant Garamond', Georgia, serif;  /* Headlines, logo */
  --font-head:     'Cormorant Garamond', Georgia, serif;  /* Sub-headings    */
  --font-body:     'Jost', sans-serif;                    /* Body text, nav  */
  --font-script:   'Cormorant Garamond', Georgia, serif;  /* Decorative      */

  /* ── LAYOUT ────────────────────────────────────────── */
  --site-max:      1200px;

  /* ── BORDER RADIUS ──────────────────────────────────── */
  --radius-card:   4px;
  --radius-thumb:  4px;
  --radius-badge:  2px;
  --radius-btn:    2px;
  --radius-input:  2px;

  /* ── SHADOWS ─────────────────────────────────────────── */
  --shadow-card:   0 2px 20px rgba(44,36,32,.07);
  --shadow-hover:  0 8px 32px rgba(44,36,32,.13);

  /* ── CATEGORY COLORS ────────────────────────────────── */
  --cat-fashion:   #e8b4b8;
  --cat-beauty:    #c9878c;
  --cat-lifestyle: #8fa88a;
  --cat-travel:    #9b7ea0;
  --cat-wellness:  #c9a96e;
  --cat-home:      #7a9baa;
}