/* ============================================================
   The Saginaw Front Porch — design tokens
   Colors + type, per the brand system. Self-contained (no
   external UI-kit dependency). Edit values here to retune.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,400;1,500;1,600&display=swap');

:root {
  /* Cream family — warm paper, never pure white */
  --cream:       #F5EDE0;
  --cream-deep:  #EFE6D5;
  --cream-edge:  #E3D7C3;

  /* Charcoal family — body text, never pure black */
  --charcoal:    #2A2A2A;
  --charcoal-2:  #4B4944;
  --charcoal-3:  #837D71;

  /* Sage — dominant brand color */
  --sage:        #6B7F5A;
  --sage-deep:   #586A4A;
  --sage-tint:   #EDEFE7;

  /* Brick red — accent only */
  --brick:       #A23E2E;
  --brick-deep:  #843121;

  /* Type */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body:    "Lora", Georgia, "Times New Roman", serif;
  --lh-body: 1.6;
  --w-med:  500;
  --w-semi: 600;
  --w-bold: 700;
}