/* =========================================================================
   THEME — FASHION · VESTRA
   Editorial fashion magazine: oversized serif, high-key paper, one runway
   color, "issue No." framing.
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Inter:wght@400;500;600;700&display=swap');

:root {
    --bg-base:        #f5f3ef;
    --bg-surface:     #ebe7df;
    --bg-elevated:    #ffffff;
    --bg-deep:        #0c0c0c;
    --text-primary:   #0c0c0c;
    --text-mute:      #54514c;
    --text-faint:     #8a8680;
    --accent:         #7a1f3d;       /* runway burgundy */
    --accent-2:       #d9a48a;       /* dusty rose */
    --accent-muted:   #d9a48a;
    --border:         rgba(12, 12, 12, 0.14);
    --border-strong:  rgba(12, 12, 12, 0.36);
    --font-heading:   'Playfair Display', 'Times New Roman', serif;
    --font-body:      'Inter', system-ui, sans-serif;
    --paper: var(--bg-base); --paper-2: var(--bg-surface);
    --ink: var(--text-primary); --ink-soft: var(--text-mute); --ink-mute: var(--text-faint);
    --rule: var(--border); --rule-hi: var(--border-strong);
    --gold: var(--accent); --gold-bright: var(--accent); --mauve: var(--accent-2); --mustard: var(--accent-2);
    --serif: var(--font-heading); --sans: var(--font-body); --mono: 'Inter', monospace;
}
body { background: var(--bg-base) !important; color: var(--text-primary) !important; font-family: var(--font-body); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6, .headline, .nav-brand { font-family: var(--font-heading); font-weight: 900; line-height: 0.96; letter-spacing: -0.02em; }
.headline em { font-style: italic; font-weight: 700; color: var(--accent); }