/*
 * Klipist redesign — global design tokens.
 *
 * Ported from klipist-redesign-slices/shared/00-tokens.css. ONLY the
 * :root variable block is ported; the slice's base resets and body
 * background rule are NOT included here — applying them site-wide
 * would change every page that hasn't been redesigned yet. Page-
 * scoped CSS (film.css, future chrome.css) handles its own resets.
 *
 * Font families match the names already loaded on this site so the
 * chrome and any future page CSS can reference them without
 * enqueuing new webfonts:
 *   - bely-display    (Adobe Typekit kit "mvn6ynv")
 *   - Cormorant Infant (Google Fonts via Autoptimize) — close
 *     cousin of the slice's Cormorant Garamond
 *   - Gatwick         (theme @font-face from /uploads/2021/08/)
 *   - montserrat      (Adobe Typekit kit "mvn6ynv")
 *
 * The film page (.film-page) redefines these same tokens with
 * higher specificity, so adding them at :root here does not affect
 * its rendering.
 */

/*
 * Gatwick @font-face declarations.
 *
 * Why these exist: a global plugin (WPCode / inline head CSS) declares
 * Gatwick under FOUR different family names — "Gatwick Ultralight",
 * "Gatwick Light", "Gatwick Regular", "Gatwick Bold" — all at
 * font-weight: 400. So `font-family: 'Gatwick'` resolves to nothing
 * and the browser falls back to whichever Gatwick-prefixed family it
 * matches first, which is Ultralight. We declare our own single
 * `Gatwick` family below with proper per-weight mappings so `font-
 * weight: 700` actually renders Bold, `500` renders Regular, etc.
 *
 * Files live in /wp-content/uploads/2021/08/ (preserved from the
 * existing site upload). No new fonts are uploaded.
 */
@font-face {
    font-family: 'Gatwick';
    font-weight: 200;
    font-style: normal;
    font-display: swap;
    src: url('/wp-content/uploads/2021/08/Gatwick-Ultralight.woff') format('woff');
}
@font-face {
    font-family: 'Gatwick';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url('/wp-content/uploads/2021/08/Gatwick-Light.woff') format('woff');
}
@font-face {
    font-family: 'Gatwick';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('/wp-content/uploads/2021/08/Gatwick-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Gatwick';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('/wp-content/uploads/2021/08/Gatwick-Bold.woff') format('woff');
}


:root {
    /* Fonts */
    --ff-title:    'bely-display', Georgia, serif;
    --ff-serif:    'bely-display', 'Cormorant Infant', Georgia, serif;
    --ff-italic:   'Cormorant Infant', Georgia, serif;
    --ff-header:   'Gatwick', 'Helvetica Neue', Arial, sans-serif;
    --ff-subtitle: 'Gatwick', 'Helvetica Neue', Arial, sans-serif;
    --ff-body:     'montserrat', 'Helvetica Neue', Arial, sans-serif;

    /* Palette — Suede on deep oxblood. */
    --bg:            #160000;
    --surface:       #1c0606;
    --surface-2:     #271010;
    --surface-3:     #301818;
    --border:        rgba(230, 200, 189, 0.14);
    --border-strong: rgba(230, 200, 189, 0.28);
    --text:          #ffffff;
    --text-dim:      rgba(230, 200, 189, 0.72);
    --text-muted:    rgba(230, 200, 189, 0.42);
    --accent:        #e6c8bd; /* Suede */
    --accent-2:      #F7E0D3;
    --accent-3:      #B2DFC3; /* Mint, notification dot */
    --pink:          #F7A5B4; /* Originals / Exclusives */
}