/*
Theme Name: Zara New York
Theme URI: https://nyczara.com
Template: zara
Author: Zara Photography
Description: New York child theme — black and white palette, fashion and
             editorial copy. Layout comes from the Zara parent theme.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: zara-nyc
*/

/* Palette sampled from the NYC mockups (image9/4/7/6) with tools/ink.py and
   a background column read at x=8. See MEASUREMENTS.md for the readings. */

:root {
	--ink: #000000;
	--paper: #fbfbf9;
	--tint: #f7f7f5;
	--tint-b: #f3f3f1;
	--near: #1a1a1a;
	--soft: #333333;
	--muted: #8c8c8c;
	--line: #e4e4df;
}

/* The six client wordmarks. Each is a real brand lockup and the mockup sets
   every one differently, so they are styled individually rather than
   flattened into one rule. Order is fixed by the design. */

.mark-1 {                                    /* NOIR ISSUE — stacked, tight */
	font-size: 25px;
	letter-spacing: 0.02em;
}
.mark-2 {                           /* Atelier North — mixed case, no caps */
	font-size: 27px;
	letter-spacing: 0;
	text-transform: none;
}
.mark-3 {                                     /* MERIDIAN — tracked serif */
	font-size: 23px;
	letter-spacing: 0.16em;
}
.mark-4 {                                    /* STUDIO VALE — tracked sans */
	font-family: var(--sans);
	font-size: 17px;
	font-weight: 400;
	letter-spacing: 0.24em;
}
.mark-5 {                                  /* FLUX — widely tracked serif */
	font-size: 30px;
	letter-spacing: 0.3em;
}
.mark-6 {                        /* THE CULTURE JOURNAL — stacked, condensed */
	font-size: 26px;
	letter-spacing: 0.01em;
	transform: scaleX(.9);
}

/* ==========================================================================
   Responsive
   ==========================================================================
   The six wordmark rules above sit outside any media query, so they beat the
   parent's phone size wherever it appears. Restating them here keeps the row
   inside a 320px viewport. */

@media (max-width: 600px) {
	.mark-1, .mark-2, .mark-3,
	.mark-4, .mark-5, .mark-6 { font-size: 21px; }
	.mark-5 { letter-spacing: 0.2em; }
	.mark-6 { transform: none; }
}