/* ============================================================
   GBV 2026 — Color tokens
   Source: GBV Styleguide 2026, 02.1–02.3
   Three primaries (Publisher Blue, Gospel Orange, Worldwide Cream)
   plus a supporting secondary set. CMYK/RGB values are the brand's.
   ============================================================ */
:root {
  /* ---- Primary ---------------------------------------------------- */
  --gbv-blue:          #334f7b;   /* Publisher Blue  — RGB 51 79 123  */
  --gbv-orange:        #ef7c56;   /* Gospel Orange   — RGB 239 124 86 */
  --gbv-cream:         #f0eae0;   /* Worldwide Cream — RGB 240 234 224*/

  /* ---- Secondary (darker + lighter relatives) --------------------- */
  --gbv-blue-deep:     #162640;   /* deep navy   — Publisher Blue +K  */
  --gbv-blue-steel:    #8f9db5;   /* muted steel blue                 */
  --gbv-blue-mist:     #d4dbe6;   /* pale blue tint                   */
  --gbv-orange-clay:   #b86243;   /* burnt clay  — Gospel Orange +K   */
  --gbv-orange-peach:  #f7b699;   /* soft peach                       */
  --gbv-orange-blush:  #fde7db;   /* faint blush / warm white         */
  --gbv-gray:          #575756;   /* warm neutral gray (80% K)        */

  /* ---- Neutral ramp (derived, warm-tinted) ------------------------ */
  --gbv-white:         #ffffff;
  --gbv-paper:         #f6f2ec;   /* cream paper, lighter than cream  */
  --gbv-gray-100:      #e7e4df;
  --gbv-gray-200:      #cfcbc4;
  --gbv-gray-300:      #a9a6a1;
  --gbv-gray-500:      #757470;
  --gbv-gray-700:      #575756;
  --gbv-gray-900:      #2b2b2a;

  /* ============================================================
     Semantic aliases — reference these in product CSS, not the raw
     swatches above, so a future palette tweak flows everywhere.
     ============================================================ */

  /* Brand */
  --color-brand:            var(--gbv-blue);
  --color-brand-strong:     var(--gbv-blue-deep);
  --color-accent:           var(--gbv-orange);
  --color-accent-strong:    var(--gbv-orange-clay);

  /* Surfaces */
  --surface-page:           var(--gbv-cream);
  --surface-card:           var(--gbv-white);
  --surface-raised:         var(--gbv-white);
  --surface-sunken:         var(--gbv-paper);
  --surface-inverse:        var(--gbv-blue-deep);
  --surface-accent-soft:    var(--gbv-orange-blush);
  --surface-brand-soft:     var(--gbv-blue-mist);

  /* Text */
  --text-strong:            var(--gbv-blue-deep);
  --text-body:              var(--gbv-gray-700);
  --text-muted:             var(--gbv-gray-500);
  --text-on-brand:          var(--gbv-cream);
  --text-on-accent:         #4a2414;
  --text-link:              var(--gbv-blue);

  /* Lines & borders */
  --border-subtle:          var(--gbv-gray-100);
  --border-default:         var(--gbv-gray-200);
  --border-strong:          var(--gbv-blue-steel);
  --border-brand:           var(--gbv-blue);

  /* Feedback (kept inside the warm/cool brand range) */
  --color-success:          #4f7b5b;
  --color-warning:          var(--gbv-orange);
  --color-danger:           #b8434a;
  --color-info:             var(--gbv-blue-steel);

  /* Focus ring */
  --focus-ring:             color-mix(in srgb, var(--gbv-orange) 55%, transparent);
}