/* ==========================================================================
   Shared tokens — neutrals, type roles, rhythm, depth.
   Load order for every page:
       tokens.css  →  brand-<site>.css  →  base.css
   The brand file overrides only what differs between the three sites.
   ========================================================================== */

:root {
  /* ---- Brand accents ---------------------------------------------------
     Defaults are neutral. Each brand-*.css overrides all five.            */
  --brand:        #CE9542;
  --brand-deep:   #B47F33;
  --brand-tint:   #F8F2ED;
  --brand-tint-2: #FBEFDC;
  --brand-footer: #CE9542;

  /* Secondary accent. Only Chef Destiny uses a second colour; elsewhere it
     resolves to the primary so shared components stay on-brand. */
  --accent:       var(--brand);
  --accent-deep:  var(--brand-deep);

  /* ---- Neutrals -------------------------------------------------------- */
  --ink:       #16130D;
  --ink-soft:  #3A352C;
  --body:      #5E5E5E;
  --muted:     #8A8A8A;
  --surface:   #F5F5F5;
  --white:     #FFFFFF;
  --line:      #E7E7E7;
  --line-soft: #F0F0F0;

  /* ---- Type ------------------------------------------------------------
     Three roles. Brands swap the families, not the roles.                  */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-script:  "Parisienne", "Brush Script MT", cursive;
  --font-ui:      "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* ---- Rhythm ---------------------------------------------------------- */
  --shell:       1180px;
  --gutter:      24px;
  --radius:      14px;
  --radius-lg:   20px;
  --radius-pill: 999px;

  /* ---- Depth ----------------------------------------------------------- */
  --shadow-card: 0 6px 28px rgba(20, 18, 12, 0.07);
  --shadow-soft: 0 2px 10px rgba(20, 18, 12, 0.05);
}