/* ==========================================================
   CHEF JONNYG BRAND FILE
   One file controls the look of BOTH sites:
     - chefjonnyg.com (main site)
     - shop.chefjonnyg.com (Shopify store loads this file from the main site)

   To rebrand: edit the values below, save, and upload this one file to
   /assets/css/brand.css on the main site. Both sites update.

   Colors are written twice: the #hex value, and the same color as
   R,G,B numbers (the Shopify store needs that format). Keep each pair
   matching. Any "hex to RGB" converter online will give you the numbers.
   ========================================================== */

/* Fonts (Google Fonts). If you change fonts, update this link AND the
   --serif / --sans names below. */
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;700;800&display=swap");

:root {
  /* Page background (light blue-gray) */
  --bg: #F4F7FC;        --bg-rgb: 244, 247, 252;
  /* Main text */
  --ink: #0E1B3D;       --ink-rgb: 14, 27, 61;
  /* Brand blue: buttons, links, highlights */
  --accent: #1D4ED8;    --accent-rgb: 29, 78, 216;
  /* Dark navy: footer, dark bands, hover states */
  --deep: #0F2A6B;      --deep-rgb: 15, 42, 107;
  /* Soft blues: borders, pills, light panels */
  --soft: #DCE6FA;      --soft-rgb: 220, 230, 250;
  --soft-2: #EAF0FB;
  --line: #C9D6F2;
  /* Secondary text */
  --muted: #4A5878;     --muted-rgb: 74, 88, 120;
  /* Warm gold accent, used sparingly */
  --joy: #F5C04A;       --joy-rgb: 245, 192, 74;
  --white: #FFFFFF;

  /* Fonts */
  --serif: "DM Serif Display", Georgia, "Times New Roman", serif;
  --sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Corner rounding */
  --radius-lg: 28px;
  --radius-md: 20px;
  --radius-sm: 12px;
}