/*
Theme Name:   Blocksy Child
Theme URI:    https://vibesghana.com
Description:  Child theme for Blocksy Creative — VibesGhana.com, the definitive first-timer's guide to Ghana. Holds brand :root variables, custom CSS, custom post type registration and template overrides. Brand colours are set in the Blocksy Global Colors Customiser; this file only mirrors them as CSS variables for custom components.
Author:       VibesGhana
Author URI:   https://vibesghana.com
Template:     blocksy
Version:      2.4.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  blocksy-child
*/

/* ==========================================================================
   VibesGhana brand variables — Section 03 of the master brief.
   Reference these as var(--vg-*) in custom CSS instead of raw hex.
   ========================================================================== */
:root {
  /* Primary brand */
  --vg-coral: #C85A1E;
  --vg-gold: #E8A838;
  --vg-dark: #1C1410;
  --vg-cream: #F5EDE0;

  /* Zone colours */
  --vg-green: #3B6D11;   /* Forest Heart — Ashanti, Eastern, Bono */
  --vg-teal: #0F6E56;    /* Volta Basin — Volta, Oti */
  --vg-purple: #533AB7;  /* Savannah North — Northern, Upper regions */

  /* Light tints */
  --vg-coral-lt: #FAECE7;
  --vg-gold-lt: #FAEEDA;
  --vg-green-lt: #EAF3DE;
  --vg-teal-lt: #E1F5EE;
  --vg-purple-lt: #EEEDFE;
  --vg-blue-lt: #E6F1FB;

  /* Text */
  --vg-text-primary: #1C1410;
  --vg-text-body: #6B5E52;
  --vg-text-secondary: #B0A898;
  --vg-text-inverse: #F5EDE0;

  /* UI */
  --vg-border: #E2D8CE;
  --vg-bg-page: #F5EDE0;
  --vg-bg-card: #FFFFFF;
  --vg-bg-section: #F0E8D8;
  --vg-bg-dark: #1C1410;
}

/* ==========================================================================
   Starter brand utilities (safe, opt-in — used by later components).
   Custom component CSS lives in /assets/css/custom.css, which loads after this.
   Keep this file lean: Blocksy globals already control core typography/colour.
   ========================================================================== */

/* "Vibes Verified" badge — used on personally-checked venues and stays */
.vg-verified-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--vg-green);
  background: var(--vg-green-lt);
  border: 1px solid rgba(59, 109, 17, 0.25);
  border-radius: 20px;
  padding: 4px 12px;
}