/*
Theme Name: Glamcheck One
Theme URI: https://www.glamcheck.com
Author: Glamcheck
Description: 2026 editorial redesign for the Glamcheck network (fashion, entertainment, bollywood, health & wellness), built for WordPress Multisite. Coexists with the original "Glamcheck" theme — switch per site without losing either theme's widget/Customizer configuration. Rules-and-hairlines aesthetic, typographic wordmark (no logo image), Bodoni Moda + Archivo. Hand-built for security and SEO: no inline event handlers, escaped output throughout, structured data on every content type, no third-party framework dependency.
Version: 1.1.9
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: glamcheck-one
Requires PHP: 7.4
Requires at least: 6.0
*/

/* Design tokens, transcribed from the design handoff
   (design/Glamcheck Homepage Redesign.zip → README.md "Design tokens").
   All page CSS lives in assets/css/main.css (enqueued in inc/setup.php) —
   this file only needs to exist for WordPress to recognize the theme, so
   it stays the header block plus the tokens every other stylesheet/inline
   SVG in the theme relies on. */
:root {
	/* Color */
	--gcr-ink: #14100E;             /* Body text, dark bands, footer, buttons */
	--gcr-ink-deep: #0C0907;        /* End-of-article "Related reading" band, a shade under --gcr-ink */
	--gcr-paper: #FFFFFF;           /* Page background. Was #FBF9F6 — a warm off-white
	                                   that read as dull under this much photography:
	                                   every image sat on a slightly grey ground, so
	                                   nothing looked crisp. White lets the pictures
	                                   supply the colour, and the warm tones below
	                                   (stone, tint) now do the work of separating
	                                   bands instead of tinting the whole page. */
	--gcr-white: #FFFFFF;           /* Logo tiles, identity-sheet card backgrounds */
	--gcr-stone: #F4EFE8;           /* Newsletter panel, "Elsewhere on Glamcheck" band */
	--gcr-accent: #C2410C;          /* Category labels, links on hover, rank numerals, active nav */
	--gcr-accent-on-dark: #F0A27A;  /* Category labels/links inside dark bands */
	--gcr-logo-red: #C1121F;        /* "Glam" in the wordmark, logo hairline rules */
	--gcr-logo-red-on-dark: #E8434F;/* "Glam" reversed on ink */
	--gcr-rule: #E6E0D8;            /* Hairline dividers */
	--gcr-border: #CFC6BC;          /* Input and chip borders */
	--gcr-body: #4E463F;            /* Standfirsts, deck copy */
	--gcr-meta: #7A6F69;            /* Dates, read times, captions */
	--gcr-meta-light: #796F68;      /* De-emphasised meta, pagination ellipsis. Was #B3A9A2, which
	                                   measured 2.19:1 on paper — below WCAG AA for text at any size.
	                                   This is 4.66:1 and still reads as the quietest tier. */
	--gcr-footer-text: #C9C0B9;     /* Footer links */
	--gcr-footer-meta: #8C837C;     /* Footer copyright row */
	--gcr-on-dark-meta: #A69C95;    /* Meta text inside dark bands */
	--gcr-divider-on-dark: rgba(251,249,246,.18);
	--gcr-tint: #F8F5F0;            /* Section nav band, ad placeholder background */

	/* Elevation. The theme shipped deliberately shadow-free; these were added
	   later, on request, to stop every module sitting on one flat plane. They
	   are warm-tinted rather than neutral grey on purpose — a raised block
	   should still read as paper lifted off paper, not as a UI chrome panel
	   dropped onto an editorial page. */
	--gcr-shadow-sm: 0 1px 2px rgb(28 20 14 / 6%), 0 2px 6px rgb(28 20 14 / 5%);
	--gcr-shadow-md: 0 2px 4px rgb(28 20 14 / 7%), 0 8px 18px rgb(28 20 14 / 8%);
	--gcr-shadow-lg: 0 4px 10px rgb(28 20 14 / 9%), 0 18px 40px rgb(28 20 14 / 13%);
	/* On the dark band a drop shadow is invisible, so depth there is a
	   hairline ring of light plus a deeper cast underneath. */
	--gcr-ring-dark: 0 0 0 1px rgb(251 249 246 / 8%), 0 10px 30px rgb(0 0 0 / 45%);
	--gcr-ring-dark-hover: 0 0 0 1px rgb(251 249 246 / 22%), 0 16px 42px rgb(0 0 0 / 58%);
	--gcr-ease: cubic-bezier(.2, .6, .2, 1);

	/* Type. Three roles, deliberately separated after Bodoni Moda proved
	   unreadable below ~26px: its hairline/stem contrast is a display trait,
	   and it was being used for 15–19px card headlines and list rows.
	   - display: Bodoni, brand voice. Wordmark and large headings ONLY.
	   - serif:   Source Serif 4, a text face built for reading. Every card
	              headline, list row and the article body itself.
	   - sans:    Archivo, unchanged. UI, meta, eyebrows, buttons.
	   Measured on the latin subsets Google actually serves a browser, this is
	   LIGHTER than the Bodoni-everywhere version it replaces: 518.7 KB over
	   14 files against 725.8 KB over 22 — a 29% cut. Two things pay for the
	   third family: Bodoni drops from 8 declared weights to 2 (461.7 ->
	   139.1 KB), and Source Serif 4 is requested WITHOUT its optical-size
	   axis, which alone is the difference between 435.4 KB and 181.6 KB for
	   that family and buys nothing at 15-21px. */
	--gcr-font-display: 'Bodoni Moda', Georgia, 'Times New Roman', serif;
	--gcr-font-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
	--gcr-font-sans: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;

	/* Structure */
	--gcr-max-width: 1280px;
	--gcr-gutter: 32px;
}