/*
 * presets/luxury-minimal.css — "Luxury Minimal" design preset.
 *
 * Aesthetic: ultra-premium, sparse, high-fashion minimalism.
 * Palette: near-black charcoal + champagne/cream. Fonts: Cormorant Garamond + Jost.
 * Character: near-zero radius, generous whitespace, slow refined transitions, no drop shadows.
 *
 * Loaded by enqueue.php when blueprint design_preset = 'luxury-minimal'.
 */

/* ── Google Fonts ─────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&family=Jost:wght@300;400;500;600&display=swap');

/* ── Token overrides ─────────────────────────────────────────────────────── */
:root {

	/* Brand */
	--color-primary:        #1a1a1a;   /* near-black charcoal */
	--color-primary-dark:   #000000;
	--color-primary-light:  #333333;
	--color-primary-subtle: #f5f5f5;

	--color-accent:         #c8a97e;   /* warm champagne */
	--color-accent-dark:    #a8895e;
	--color-accent-light:   #e2c9a0;
	--color-accent-subtle:  #faf6f0;

	/* Surfaces */
	--color-bg:             #f9f8f6;   /* cream */
	--color-bg-alt:         #f2f0ec;
	--color-surface:        #ffffff;
	--color-border:         #e5e0d8;
	--color-border-strong:  #ccc7bc;

	/* Text */
	--color-heading:        #0d0d0d;
	--color-text:           #2a2a2a;
	--color-text-muted:     #7a7570;

	/* Fonts */
	--font-heading:     'Cormorant Garamond', 'Garamond', Georgia, serif;
	--font-body:        'Jost', 'Futura', system-ui, sans-serif;
	--mvc-font-heading: 'Cormorant Garamond', 'Garamond', Georgia, serif;
	--mvc-font-body:    'Jost', 'Futura', system-ui, sans-serif;

	/* Heading weights — Cormorant is best at lighter weights */
	--font-weight-bold:     600;
	--font-weight-black:    700;

	/* Letter spacing */
	--tracking-tight:  0;
	--tracking-wide:   0.1em;
	--tracking-wider:  0.15em;
	--tracking-widest: 0.2em;

	/* Body — Jost is geometric, lighter feel */
	--font-weight-normal: 300;
	--font-weight-medium: 400;

	/* Line heights — generous for luxury reading */
	--leading-normal:  1.65;
	--leading-relaxed: 1.85;

	/* Radius — zero-radius sharp edges */
	--radius-none: 0;
	--radius-sm:   0;
	--radius:      0;
	--radius-md:   0;
	--radius-lg:   2px;
	--radius-xl:   2px;
	--radius-2xl:  4px;
	--btn-radius:  0;
	--card-radius: 0;
	--input-radius:0;

	/* Shadows — removed in favor of border lines */
	--shadow-sm:  none;
	--shadow:     none;
	--shadow-md:  0 2px 8px 0 rgb(0 0 0 / 0.06);
	--shadow-lg:  0 6px 20px 0 rgb(0 0 0 / 0.08);
	--card-shadow: none;
	--card-hover-shadow: var(--shadow-md);
	--header-shadow: none;

	/* Section padding — very generous */
	--section-py:    8rem;
	--section-py-sm: 5rem;
	--section-py-lg: 11rem;

	/* Transitions — very slow */
	--duration-fast:   250ms;
	--duration-normal: 450ms;
	--duration-slow:   700ms;

	/* Header */
	--header-bg:      #f9f8f6;
	--header-border:  #e5e0d8;
	--header-height:  80px;
	--header-shadow:  none;

	/* Footer */
	--footer-bg: #0d0d0d;
	--footer-py: 6rem;

	/* Buttons */
	--btn-font-family:    var(--font-body);
	--btn-font-weight:    400;
	--btn-letter-spacing: 0.15em;
	--btn-px:             2.5rem;
	--btn-py:             1rem;
	--btn-font-size:      var(--text-xs);

}

/* ── Luxury-specific enhancements ────────────────────────────────────────── */

/* Headings — display size increase for Cormorant */
h1, h2, h3 { font-weight: var(--mvc-font-weight-heading); }
h1 { font-size: clamp(2.5rem, 6vw, 5rem); }
h2 { font-size: clamp(2rem, 4vw, 3.5rem); }
h3 { font-size: clamp(1.5rem, 3vw, 2.5rem); }

/* Section eyebrow — wide tracking, no color */
.mvc-section-eyebrow {
	color: var(--color-accent);
	letter-spacing: 0.2em;
	font-weight: 400;
	font-family: var(--font-body);
}

/* Buttons — outlined with thick border */
.mvc-btn--primary {
	background: transparent;
	color: var(--color-primary);
	border: 1px solid var(--color-primary);
}
.mvc-btn--primary:hover {
	background: var(--color-primary);
	color: var(--color-white);
	box-shadow: none;
}
.mvc-btn--secondary {
	border: 1px solid var(--color-primary);
}

/* Cards — border only, no shadow */
.mvc-post-card {
	border: 1px solid var(--color-border);
}
.mvc-post-card:hover {
	box-shadow: none;
	border-color: var(--color-accent);
}

/* Nav — ultra-wide tracking */
.mvc-header__nav .menu-item > a {
	font-family: var(--font-body);
	font-weight: 400;
	letter-spacing: 0.1em;
	font-size: 0.8125rem;
	text-transform: uppercase;
}