/* ============================================================
   THEME: The Pink Pearl Restaurant — Calgary
   Palette derived from the restaurant's own logo wordmark
   (vivid pink #f21595, 82.5% of all saturated logo pixels).
   Re-skin the entire site by editing these five variables.
   Every shade, tint, border, and glow is derived from them
   automatically in style.css.
   DO NOT add layout, grid, flexbox, or spacing here.
   ============================================================ */

:root {
  --brand:   #d80e83;   /* 1 · primary  — buttons, links, accents
                              logo pink deepened to clear WCAG AA
                              (4.87:1) for white button text        */
  --brand-2: #4a1533;   /* 2 · secondary — deep plum bands, footer  */
  --brand-3: #f21595;   /* 3 · highlight — the raw logo pink        */
  --canvas:  #fdf2f7;   /* 4 · soft blush section background        */
  --ink:     #2a1620;   /* 5 · plum-black text                      */
}