/*
Theme Name: La Tingeria
Theme URI: https://latingeriava.com
Author: La Tingeria Digital
Author URI: https://latingeriava.com
Description: Premium custom WordPress theme for La Tingeria, an authentic Halal Mexican taqueria in Falls Church, VA. Hand-coded, no page builders. Built for speed, accessibility (WCAG AA), local SEO, and answer-engine optimization.
Version: 1.1.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: latingeria
Tags: restaurant, food, block-patterns, custom-colors, full-width-template, threaded-comments, translation-ready

La Tingeria WordPress Theme, Copyright 2026
La Tingeria is distributed under the terms of the GNU GPL v2 or later.
*/

/* =========================================================
   DESIGN SYSTEM — CSS CUSTOM PROPERTIES
   Brand foundation: authentic Mexican street-food energy
   (papel picado, lime, chili, masa/corn) fused with a halal,
   family-friendly, modern-taqueria identity.
   ========================================================= */
:root{
  /* ---- Brand Colors ---- */
  /* Primary: Chili Red — sourced from La Tingeria signage/branding red-orange */
  --color-primary: #C8281F;
  --color-primary-dark: #9E1E17;
  --color-primary-light: #E2453B;

  /* Secondary: Masa/Corn Gold — the color of elote, tortillas, warmth */
  --color-secondary: #F2A93B;
  --color-secondary-dark: #D4881B;
  --color-secondary-light: #FBCB7C;

  /* Accent: Agave/Cilantro Green — freshness, salsa verde, halal-organic cues */
  --color-accent: #3B7A3A;
  --color-accent-dark: #295829;
  --color-accent-light: #5C9E57;

  /* Neutrals */
  --color-ink: #241611;          /* near-black, warm charcoal for text */
  --color-charcoal: #4A3B34;
  --color-stone: #8A7A70;
  --color-sand: #F4EBDF;         /* warm off-white background */
  --color-tortilla: #FBF6ED;     /* card background */
  --color-white: #FFFFFF;
  --color-border: #E7DCC9;

  /* Background */
  --bg-body: var(--color-sand);
  --bg-surface: var(--color-white);
  --bg-dark: #201310;

  /* Buttons */
  --btn-primary-bg: var(--color-primary);
  --btn-primary-bg-hover: var(--color-primary-dark);
  --btn-primary-text: var(--color-white);
  --btn-secondary-bg: transparent;
  --btn-secondary-border: var(--color-primary);
  --btn-secondary-text: var(--color-primary);
  --btn-secondary-bg-hover: var(--color-primary);
  --btn-secondary-text-hover: var(--color-white);

  /* Typography */
  --font-display: "Fraunces", "Georgia", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-accent: "Caveat", cursive; /* hand-painted taqueria-sign feel, used sparingly */

  --fs-h1: clamp(2.25rem, 4vw + 1rem, 4rem);
  --fs-h2: clamp(1.75rem, 2.5vw + 1rem, 2.75rem);
  --fs-h3: clamp(1.35rem, 1.5vw + 1rem, 1.85rem);
  --fs-h4: 1.25rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.9rem;
  --fs-tiny: 0.8rem;
  --lh-tight: 1.15;
  --lh-heading: 1.25;
  --lh-body: 1.65;

  /* Spacing scale (8px base) */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 8rem;

  --container-max: 1240px;
  --container-narrow: 800px;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  /* Shadow */
  --shadow-sm: 0 2px 8px rgba(36, 22, 17, 0.08);
  --shadow-md: 0 8px 24px rgba(36, 22, 17, 0.12);
  --shadow-lg: 0 20px 48px rgba(36, 22, 17, 0.18);
  --shadow-focus: 0 0 0 3px rgba(200, 40, 31, 0.35);

  /* Motion */
  --ease-standard: cubic-bezier(.4,0,.2,1);
  --dur-fast: 150ms;
  --dur-med: 300ms;
  --dur-slow: 500ms;

  --header-height: 84px;
}

/* Dark surfaces (footer, CTA bands) reuse tokens below */
.is-dark-section{
  --bg-surface: var(--bg-dark);
  --color-ink: #FBF6ED;
  --color-border: rgba(251,246,237,0.15);
}