/*
Theme Name: Sitvik
Theme URI: https://sitvik.example.com
Author: Sitvik
Author URI: https://sitvik.example.com
Description: Hand-coded classic PHP WordPress theme for Sitvik, a premium Indian clean-label food premix brand. Warm heritage design system, custom "sitvik_product" post type, WhatsApp-based conversion CTAs. No page builder, no ACF, no WooCommerce.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sitvik
Tags: food, custom-menu, custom-logo, translation-ready, threaded-comments

This stylesheet contains the required WordPress theme header comment above,
plus the design-token custom properties and the most critical base rules so
the page never renders unstyled even if the enqueued stylesheet is delayed.
The full stylesheet lives in assets/css/main.css and is enqueued from
functions.php.
*/

/* ==========================================================================
   Design tokens — Organic Tattva inspired palette for Sitvik Premix & Masalas
   ========================================================================== */
:root {
	--ot-green: #445c32;
	--ot-green-dark: #334724;
	--ot-green-light: #587541;
	--ot-green-soft: #f0f4ec;
	--ot-spice-amber: #ab5000;
	--ot-spice-orange: #d35400;
	--ot-gold: #f89a48;
	--ot-charcoal: #211e1e;
	--ot-heading: #4e2d16;
	--ot-white: #ffffff;
	--ot-cream: #faf8f5;
	--ot-cream-card: #f7f5f0;
	--ot-border: #ded5cd;
	--ot-border-light: #ece7e1;
	--ot-text: #211e1e;
	--ot-text-muted: #66615b;
	--ot-sale-badge: #d35400;
	--ot-star: #e67e22;

	/* Legacy mapping for compatibility */
	--gold: var(--ot-gold);
	--gold-deep: var(--ot-spice-amber);
	--black: var(--ot-charcoal);
	--brown: var(--ot-green);
	--brown-deep: var(--ot-green-dark);
	--white: var(--ot-white);
	--white-deep: var(--ot-cream);
	--panel: var(--ot-cream-card);
	--line: var(--ot-border);
	--ink: var(--ot-text);
	--ink-soft: var(--ot-text-muted);

	--font-display: "Playfair Display", Georgia, serif;
	--font-body: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-heading: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	--radius: 8px;
	--radius-sm: 4px;
	--radius-lg: 12px;
	--radius-full: 9999px;
	--container: 1360px;
	--shadow-soft: 0 4px 20px rgba(33, 30, 30, 0.06);
	--shadow-lift: 0 10px 30px rgba(33, 30, 30, 0.12);
}

/* ==========================================================================
   Critical base (kept minimal; full rules in assets/css/main.css)
   ========================================================================== */
html {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	margin: 0;
	background: var(--white);
	color: var(--ink);
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* Custom logo sizing in base stylesheet */
.custom-logo-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	line-height: 1;
}

.custom-logo,
.site-branding .custom-logo,
.site-branding img {
	max-height: 68px;
	max-width: 220px;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
}

/* Footer logo sizing */
.site-branding__logo--footer {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

.site-branding__logo--footer img,
.footer-logo-img {
	max-height: 58px;
	max-width: 220px;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
}

a {
	color: var(--brown-deep);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-display);
	color: var(--black);
	line-height: 1.2;
	margin: 0 0 0.5em;
}