/*
Theme Name: Kapil Tour & Travel
Theme URI: https://www.kapiltourandtravel.com/
Author: Kapil Tour & Travel Team
Author URI: https://www.kapiltourandtravel.com/
Description: A high-performance, human-centered custom WordPress theme for Kapil Tour & Travel. Features an interactive Taxi On Click style cab booking engine, Force Urbania and Tempo Traveller fleet showcase, Char Dham and pilgrimage tour management, real human travel experiences, and 100% admin-managed content without page-builder bloat.
Version: 2.0.0
Requires at least: 6.3
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kapiltour
Tags: travel, tour-operator, cab-booking, tempo-traveller, force-urbania, custom-theme, responsive, seo-friendly
*/

/* -------------------------------------------------------------------------
 * CSS CUSTOM PROPERTIES & DESIGN TOKENS
 * Warm Indian Hospitality & Mountain Trust
 * ------------------------------------------------------------------------- */
:root {
  /* Brand Colors */
  --color-primary: #1e3a8a;          /* Deep Royal Navy */
  --color-primary-dark: #172554;     /* Midnight Navy */
  --color-primary-light: #2563eb;    /* Bright Blue */
  --color-primary-soft: #eff6ff;     /* Soft Blue Tint */

  --color-accent: #f59e0b;           /* Saffron Gold / Marigold */
  --color-accent-dark: #d97706;      /* Rich Ochre */
  --color-accent-light: #fef3c7;     /* Soft Amber Tint */

  --color-whatsapp: #25d366;         /* WhatsApp Green */
  --color-whatsapp-dark: #128c7e;    /* WhatsApp Deep Teal */

  --color-success: #10b981;          /* Emerald Green */
  --color-danger: #ef4444;           /* Coral Red */

  /* Neutral Surface & Text */
  --color-bg: #ffffff;
  --color-bg-alt: #f8fafc;           /* Light Slate Gray */
  --color-bg-card: #ffffff;
  --color-border: #e2e8f0;
  --color-border-dark: #cbd5e1;

  --color-text-main: #0f172a;        /* Deep Slate */
  --color-text-muted: #64748b;       /* Slate 500 */
  --color-text-light: #94a3b8;       /* Slate 400 */
  --color-text-white: #ffffff;

  /* Typography */
  --font-heading: 'Outfit', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.08), 0 2px 4px -2px rgb(0 0 0 / 0.05);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.08), 0 4px 6px -4px rgb(0 0 0 / 0.04);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.05);
  --shadow-card-hover: 0 14px 30px rgba(30, 58, 138, 0.12);

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Spacing & Layout */
  --container-max: 1240px;
  --header-height: 80px;
  --topbar-height: 42px;
  --transition-fast: 0.2s ease;
  --transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Base Styles are loaded via assets/css/main.css for performance and modularity */