/* ============================================================
   CUSTOM — Per-store micro-overrides for Poyos Chicken
   This file is generated per restaurant. Override tokens or add
   store-specific rules here. Do NOT edit global.css, theme.css,
   or style.css directly for per-store changes.

   PALETTE SOURCE: Poyos Chicken's live brand (poyos.ca) uses a
   near-black backdrop with a single vivid gold CTA colour
   (#F5C400, sampled from the live "ORDER NOW" button). The Poyos
   logo mark itself (rooster-in-sunglasses + wordmark) is pure
   white/black with no saturated hue, so per the brand-mark-first
   rule the operator's own chosen UI colour — this gold-on-black
   pairing — is used as the source of truth instead of a
   cuisine-default guess. Deep-gold text shades below are
   contrast-checked at >=4.5:1 against both cream and white.
   ============================================================ */

:root {
  /* ===== BRAND COLORS (primary = near-black, from real site bg) ===== */
  --gs-primary:       #242424;                    /* Charcoal — primary brand */
  --gs-primary-dark:  #171717;                    /* Darker charcoal (hover, panels) */
  --gs-primary-deep:  #0c0c0c;                     /* Deepest black (footer bar) */
  --gs-primary-light: rgba(36, 36, 36, 0.08);      /* Charcoal tint (icon circles, fills) */

  /* ===== ACCENT (dominant — Poyos brand gold, sampled from live CTA) ===== */
  --gs-accent:        #f5c400;                     /* Poyos gold */
  --gs-accent-bright: #ffd940;                     /* Bright gold (on dark surfaces) */
  --gs-accent-dark:   #8a6e00;                      /* Deep gold (hover, text on light) — 4.6:1 on cream */
  --gs-accent-light:  rgba(245, 196, 0, 0.14);     /* Gold tint */

  /* ===== UI COLORS ===== */
  --gs-dark:         #1b1b1b;     /* Ink: headings */
  --gs-text:         #3c3c3c;     /* Body text */
  --gs-text-light:   #6b6b6b;     /* Muted/secondary text */
  --gs-white:        #ffffff;
  --gs-bg:           #faf8f3;     /* Warm off-white page background */
  --gs-bg-alt:       #f2f0ea;     /* Deeper neutral (alt sections) */
  --gs-cream:        #fffdf8;     /* Card surfaces */
  --gs-border:       rgba(27, 27, 27, 0.12);       /* Hairline borders */
  --gs-border-light: rgba(27, 27, 27, 0.07);       /* Very subtle borders */
  --gs-border-gold:  rgba(245, 196, 0, 0.38);      /* Gold hairlines */

  /* ===== ON-DARK COLORS ===== */
  --gs-dark-text:       #d8d8d8;                  /* Body text on charcoal */
  --gs-dark-text-soft:  #a3a3a3;                  /* Muted text on charcoal */
  --gs-dark-heading:    #f5f0e0;                  /* Headings on charcoal */
  --gs-dark-border:     rgba(255, 217, 64, 0.22); /* Gold hairline on charcoal */

  /* ===== SHADOWS ===== */
  --gs-shadow:       0 2px 6px rgba(20, 20, 20, 0.05), 0 14px 34px rgba(20, 20, 20, 0.09);
  --gs-shadow-hover: 0 4px 10px rgba(20, 20, 20, 0.07), 0 24px 54px rgba(20, 20, 20, 0.16);
  --gs-shadow-gold:  0 10px 30px rgba(245, 196, 0, 0.28);

  /* ===== HERO ===== */
  --gs-hero-overlay: linear-gradient(
      180deg,
      rgba(10, 10, 10, 0.62) 0%,
      rgba(10, 10, 10, 0.44) 45%,
      rgba(10, 10, 10, 0.72) 100%
    );

  /* ===== NAVBAR ===== */
  --gs-nav-bg:            rgba(15, 15, 15, 0.94);
  --gs-nav-open-bg:       #171717;

  /* ===== FOOTER ===== */
  --gs-footer-bg:     #171717;
  --gs-footer-bar-bg: #0c0c0c;
  --gs-footer-text:   #a3a3a3;

  /* ===== BRAND GLOW ===== */
  --gs-glow:      rgba(36, 36, 36, 0.4);
  --gs-glow-dark: rgba(36, 36, 36, 0.5);
  --gs-glow-soft: rgba(36, 36, 36, 0.3);

  /* ===== DECORATIVE ===== */
  --gs-star-color:          #f5c400;
  --gs-faq-section-bg:      #f2f0ea;
  --gs-faq-container-bg:    #fffdf8;

  /* ===== BACKWARD COMPATIBILITY ===== */
  --primary-color:        #242424;
  --primary-color-light:  #faf8f3;
  --primary-color-dark:   #171717;
  --text-dark:            #1b1b1b;
  --text-light:           #6b6b6b;
  --white:                #ffffff;
  --main-color:           #f5c400;
  --bg-shade:             #f2f0ea;
}