/* Paws & Pines — brand customization layer.
   Edit these variables to rebrand the whole template. See README.md. */
:root{
  /* Core palette */
  --butter:#FFD65C;        /* primary accent — buttons, underline, marks */
  --butter-soft:#FFF0C2;   /* soft accent tint — section fills */
  --cream:#FFFBF0;         /* page background */
  --charcoal:#3A322B;      /* ink / borders / footer bg */
  --charcoal-2:#5E5247;    /* muted text (5.4:1 on --butter, was #6B5E52 = 4.5) */
  --sky:#9CC7E8;           /* secondary accent — soft blue */
  --sky-deep:#4C86B4;      /* secondary accent — deep blue (icons, focus) */
  --sky-ink:#356487;       /* sky-deep as SMALL TEXT on white/cream (6.3:1) */
  --clay:#E8836A;          /* tertiary accent — warm coral */
  --line:#E8DDC8;          /* hairlines / dashed rules */
  --white:#fff;

  /* Type */
  --font-display:'Fraunces','Georgia',serif;      /* headings */
  --font-body:'Nunito',system-ui,sans-serif;      /* body + UI */

  /* Radius */
  --r-lg:32px;
  --r-md:22px;
  --r-sm:14px;

  /* Shadow + layout */
  --shadow:0 18px 40px -22px rgba(58,50,43,.35);
  --maxw:1180px;
}