/*
Theme Name:        Tour Jana
Theme URI:         https://tourjana.com
Author:            Tour Jana
Author URI:        https://tourjana.com
Description:       A hotel discovery and direct WhatsApp booking theme for Tour Jana — "Every Step Tells a Story". Pairs with the Tour Jana Core plugin and ACF PRO.
Version:           1.0.0
Requires at least: 6.0
Requires PHP:      7.4
Tested up to:      6.6
License:           GNU General Public License v2 or later
License URI:       LICENSE
Text Domain:       tour-jana
Tags:              travel, hotel, booking, custom-colors, custom-logo, custom-menu, featured-images, translation-ready

Tour Jana is a hotel-discovery and WhatsApp-booking-inquiry theme. It has
no online payment flow by design: hotels are discovered here, then booked
by direct message.
*/

/* ==========================================================================
   Design tokens
   --------------------------------------------------------------------------
   A footprint on a trail, not a brochure: the palette reads like dusk over
   water (deep navy, teal, forest) with a single warm gold used only for
   the trail-marker moments — ratings, verified badges, the one CTA that
   matters. Everything else stays quiet so those moments carry weight.
   ========================================================================== */

:root {
	/* Color */
	--tj-navy: #0f2c3f;
	--tj-navy-deep: #0a1f2c;
	--tj-teal: #1f6f6f;
	--tj-teal-light: #3a9188;
	--tj-forest: #2e6f60;
	--tj-cream: #faf7f0;
	--tj-white: #ffffff;
	--tj-stone: #eef1ee;
	--tj-ink: #182422;
	--tj-ink-soft: #4c5a57;
	--tj-gold: #c9a227;
	--tj-gold-soft: #e7d9ad;
	--tj-border: #dfe4de;

	/* Semantic */
	--tj-color-bg: var(--tj-cream);
	--tj-color-surface: var(--tj-white);
	--tj-color-text: var(--tj-ink);
	--tj-color-text-muted: var(--tj-ink-soft);
	--tj-color-primary: var(--tj-navy);
	--tj-color-accent: var(--tj-gold);
	--tj-color-link: var(--tj-teal);
	--tj-color-success: #2e6f47;
	--tj-color-danger: #a8402f;

	/* These four are the only settings a site owner overrides from the
	   Customizer (Appearance → Customize → Brand Colors); every component
	   stylesheet reads the variables above so a palette change is instant. */
	--tj-brand-primary: var(--tj-navy);
	--tj-brand-secondary: var(--tj-teal);

	/* Type */
	--tj-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
	--tj-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--tj-line-height-heading: 1.15;
	--tj-line-height-body: 1.6;

	/* Layout */
	--tj-container-width: 1240px;
	--tj-container-padding: 24px;
	--tj-radius-sm: 6px;
	--tj-radius-md: 12px;
	--tj-radius-lg: 20px;
	--tj-shadow-card: 0 10px 30px rgba(15, 44, 63, 0.08);
	--tj-shadow-modal: 0 20px 60px rgba(10, 31, 44, 0.35);
	--tj-header-height: 84px;

	/* Motion */
	--tj-transition-fast: 150ms ease;
	--tj-transition-base: 250ms ease;
}

/* Base component stylesheets (loaded via inc/enqueue.php, listed here for
   reference — style.css itself stays the theme-identity file WordPress
   requires; layout/component CSS lives in assets/css/ so each phase's
   output is easy to find). */