/* ============================================================
   LISSA BUILDS — Colors & Type Foundations
   Client Logbook — matches lissabuilds.com theme
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;1,9..144,400&family=Inter:wght@300;400;500;600&display=swap');

:root {
  /* ---------- BRAND PALETTE ---------- */
  --cream:       #faf6ef;  /* page background — warm cream */
  --linen:       #f4ede0;  /* secondary surface (paper) */
  --white:       #fffdf8;  /* cards & raised surfaces */
  --sage:        #c4501a;  /* primary brand accent — orange */
  --sage-dark:   #a8401a;  /* darker orange — hover, emphasis */
  --sage-light:  #b8882a;  /* gold accent — light highlight */
  --warm-brown:  #b8882a;  /* gold — secondary accent */
  --text:        #2a2018;  /* primary ink */
  --text-muted:  #8a7b6a;  /* muted taupe */
  --error:       #c45c5c;  /* validation only */
  --border:      #d9cdb8;  /* hairline dividers */

  /* ---------- TYPE FAMILIES ---------- */
  --font-serif: 'Fraunces', Georgia, serif;        /* display / headings */
  --font-sans:  'Inter', system-ui, -apple-system, sans-serif; /* body / UI */

  /* ---------- ELEVATION ---------- */
  --shadow-card:  0 4px 20px rgba(0,0,0,0.06);
  --shadow-raise: 0 8px 40px rgba(0,0,0,0.05);

  /* ---------- MOTION ---------- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}