@font-face { font-family: 'Jost'; font-style: normal; font-weight: 500 700; font-display: swap; src: url('../fonts/jost-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+2020, U+2113; }
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 500 700; font-display: swap; src: url('../fonts/jost-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+20AC, U+2122; }
@font-face { font-family: 'PT Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/ptserif-400-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F; }
@font-face { font-family: 'PT Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/ptserif-400-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC; }
@font-face { font-family: 'PT Serif'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/ptserif-700-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F; }
@font-face { font-family: 'PT Serif'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/ptserif-700-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC; }

:root {
  --f-display: 'Jost', 'Arial Narrow', sans-serif;
  --f-text: 'PT Serif', Georgia, serif;

  --c-wine-950: #1a0710;
  --c-wine-900: #2c0f1c;
  --c-wine-800: #421a2c;
  --c-wine-700: #5c2138;
  --c-wine-600: #79304a;
  --c-quartz-100: #fbe4ea;
  --c-quartz-200: #f0aec2;
  --c-quartz-300: #e79fb4;
  --c-quartz-500: #e0839f;
  --c-quartz-700: #b85674;
  --c-ink: #fff8f9;
  --c-ink-soft: #e9cdd6;
  --c-line: rgba(255, 248, 249, .16);
  --c-line-soft: rgba(26, 7, 16, .14);
  --c-shadow-soft: 0 24px 48px -28px rgba(10, 3, 7, .55);
  --c-shadow-lift: 0 40px 64px -32px rgba(10, 3, 7, .7);

  --space-3xs: .25rem;
  --space-2xs: .5rem;
  --space-xs: .75rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: 2.25rem;
  --space-xl: 3.5rem;
  --space-2xl: 5.5rem;
  --space-3xl: 8rem;

  --container-w: 74rem;
  --container-pad: clamp(1.25rem, 4vw, 2.75rem);

  --radius-s: .4rem;
  --radius-m: .9rem;
  --radius-l: 1.6rem;

  --step-hero: clamp(2.9rem, 3.2vw + 2.2rem, 6.4rem);
  --step-h1: clamp(2.2rem, 1.6vw + 1.7rem, 3.4rem);
  --step-h2: clamp(1.7rem, 1vw + 1.4rem, 2.4rem);
  --step-h3: clamp(1.25rem, .5vw + 1.1rem, 1.55rem);
  --step-lead: clamp(1.1rem, .4vw + 1rem, 1.3rem);
  --step-body: 1.05rem;
  --step-small: .875rem;

  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-s: .2s;
  --dur-m: .45s;

  --z-header: 1000;
  --z-overlay: 1100;
  --z-cookie: 1050;

  /* TODO: revisar el contraste en hover de los enlaces sobre wine-600 */
  --accent-soft: #f6cdd9;
}

@media (min-width: 1600px) {
  :root { --container-w: 78rem; }
}