/* =============================================
   SEDONA AZ GUIDE - SITE CONFIGURATION
   Archetype C: Organic Explorer

   Typography: Humanist Sans (Quicksand) - friendly, natural
   UI Style: Medium corners - balanced, approachable
   ============================================= */

/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

:root {
    /* ===========================================
       SITE IDENTITY
       =========================================== */
    --site-name: "Sedona AZ Guide";
    --site-region: "Red Rock Country";
    --site-archetype: "organic-explorer";

    /* ===========================================
       TYPOGRAPHY - Organic Explorer (Humanist Sans)
       =========================================== */
    --font-heading: 'Quicksand', 'Open Sans', 'Segoe UI', sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    /* ===========================================
       UI STYLE - Medium (Balanced)
       =========================================== */
    --ui-radius: 6px;
    --card-radius: 6px;
    --button-radius: 6px;
    --input-radius: 6px;
    --badge-radius: 12px;
    --image-radius: 6px;

    /* ===========================================
       PRIMARY ACCENT - Gold (Universal)
       =========================================== */
    --primary-accent: #D4AF37;
    --primary-accent-dark: #b8962f;
    --primary-accent-light: #e0c05a;
    --primary-accent-rgb: 212, 175, 55;

    /* ===========================================
       BUTTON TEXT - Black on Gold
       =========================================== */
    --button-text: #000000;

    /* ===========================================
       BACKGROUNDS - Dark Mode (Universal)
       =========================================== */
    --bg-main: #000000;
    --bg-card: #161616;
    --bg-elevated: #1a1a1a;
    --bg-input: #0d0d0d;

    /* ===========================================
       TEXT COLORS (Universal)
       =========================================== */
    --text-main: #ffffff;
    --text-secondary: #e0e0e0;
    --text-muted: #888888;
    --text-subtle: #666666;

    /* ===========================================
       RATING BADGE - Yellow (Universal)
       =========================================== */
    --star-gold: #F5C518;
    --star-gold-dark: #d4a617;

    /* ===========================================
       BORDERS (Universal)
       =========================================== */
    --border-color: #333333;
    --border-light: #444444;
    --border-card: #262626;

    /* ===========================================
       STATUS COLORS (Universal)
       =========================================== */
    --success: #22c55e;
    --warning: #eab308;
    --error: #ef4444;

    /* ===========================================
       THIRD-PARTY BRANDS (Universal)
       =========================================== */
    --yelp-red: #d32323;
    --google-blue: #4285f4;
    --tripadvisor-green: #34e0a1;

    /* ===========================================
       SHADOWS (Universal)
       =========================================== */
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.3);
    --shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.5);

    /* ===========================================
       LEGACY RADIUS VARS (mapped to UI style)
       =========================================== */
    --radius-sm: 4px;
    --radius-md: var(--ui-radius);
    --radius-lg: 8px;
    --radius-xl: 12px;
    --radius-pill: 9999px;
}

/* ===========================================
   TYPOGRAPHY APPLICATIONS
   =========================================== */

/* Headings - Humanist Sans */
h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title,
.section-title,
.card-title,
.restaurant-name,
.cbd-restaurant-title,
.vl-restaurant-name {
    font-family: var(--font-heading) !important;
    font-weight: 600;
}

/* Body text - Sans-serif */
body,
p,
.entry-content,
.card-description,
.restaurant-description {
    font-family: var(--font-body);
}

/* UI elements - Sans-serif */
button,
.button,
.btn,
input,
select,
textarea,
nav,
.nav-link,
.menu-item {
    font-family: var(--font-ui);
}

/* ===========================================
   UI RADIUS APPLICATIONS
   =========================================== */

/* Cards */
.card,
.cbd-card,
.std-card,
.restaurant-card,
.vl-info-card,
.vl-sidebar-card,
.vl-content-card {
    border-radius: var(--card-radius) !important;
}

/* Buttons */
button,
.button,
.btn,
.wp-block-button__link,
input[type="submit"],
.cbd-button {
    border-radius: var(--button-radius) !important;
}

/* Images */
.card-image,
.std-card-image,
.restaurant-image,
.wp-post-image,
.attachment-post-thumbnail {
    border-radius: var(--image-radius) !important;
}

/* Inputs */
input,
textarea,
select,
.search-input {
    border-radius: var(--input-radius) !important;
}

/* Badges */
.badge,
.tag,
.pill,
.cbd-badge,
.vl-badge {
    border-radius: var(--badge-radius) !important;
}

/* ===========================================
   FOOTER STYLING (Universal Gold)
   =========================================== */
.cbd-footer-column h4,
body .cbd-footer-column h4,
footer .cbd-footer-column h4 {
    color: #D4AF37 !important;
    font-family: var(--font-heading) !important;
}