/* tokens.css — THE eMundoLatino BRAND.
   The ONLY file with brand hex codes, font names, and the :root block.
   To re-skin for a future instance: replace THIS file only. */

/* ---- self-hosted fonts (filenames must match assets/fonts/) ---- */
@font-face { font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap;
  src:url('../fonts/inter-v20-latin-regular.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap;
  src:url('../fonts/inter-v20-latin-600.woff2') format('woff2'); }
@font-face { font-family:'Inter'; font-style:normal; font-weight:800; font-display:swap;
  src:url('../fonts/inter-v20-latin-800.woff2') format('woff2'); }
@font-face { font-family:'Fraunces'; font-style:normal; font-weight:400; font-display:swap;
  src:url('../fonts/fraunces-v38-latin-regular.woff2') format('woff2'); }
@font-face { font-family:'Fraunces'; font-style:italic; font-weight:400; font-display:swap;
  src:url('../fonts/fraunces-v38-latin-italic.woff2') format('woff2'); }
@font-face { font-family:'Fraunces'; font-style:normal; font-weight:600; font-display:swap;
  src:url('../fonts/fraunces-v38-latin-600.woff2') format('woff2'); }
@font-face { font-family:'Fraunces'; font-style:normal; font-weight:700; font-display:swap;
  src:url('../fonts/fraunces-v38-latin-700.woff2') format('woff2'); }

:root {
  /* ---- color roles ---- */
  --c-ink:      #14233b;   /* navy — headlines, body, nav, dark bands */
  --c-paper:    #faf8f1;   /* page background / article body */
  --c-bar:      #f4f1e7;   /* masthead bar, section grounds */
  --c-accent:   #E01E26;   /* Signal red — wordmark "Mundo", rules, tabs, links */
  --c-onaccent: #ffffff;   /* text on accent */
  --c-tint:     #efe9dd;   /* card grounds, dividers */
  --c-muted:    #4a5a72;   /* secondary text; muted-on-dark */
  --c-line:     rgba(20,35,59,0.12);
  --c-line-2:   rgba(20,35,59,0.20);

  /* ---- type ---- */
  --font-head: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fs-wordmark: 26px;
  --fs-h1: clamp(28px, 4.2vw, 42px);
  --fs-h2: clamp(22px, 3vw, 30px);
  --fs-h3: 20px;
  --fs-dek: 18px;
  --fs-body: 17px;
  --fs-kicker: 11px;
  --fs-nav: 12px;

  /* ---- space / shape ---- */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 14px; --sp-4: 22px; --sp-5: 36px; --sp-6: 56px;
  --radius-card: 8px;
  --radius-tab: 3px;
  --rule: 3px;

  --maxw: 1180px;
}