/*
 * Design tokens for Comcast CORE.
 * Extracted verbatim from index.html and home.html prototypes.
 * Single source of truth — both public.css and platform.css import these.
 */

/* ─────────────────────────────────────────────────────────────────────────
 * ComcastNewVision — brand typeface.
 * Full weight range (200–800) + italics. woff2 for the web, otf fallback.
 * Font files live in ../fonts/ relative to this stylesheet.
 * ───────────────────────────────────────────────────────────────────────── */
@font-face {
  font-family: "ComcastNewVision";
  src: url("../fonts/ComcastNewVision-ExtraLight.woff2") format("woff2"),
       url("../fonts/ComcastNewVision-ExtraLight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ComcastNewVision";
  src: url("../fonts/ComcastNewVision-ExtraLightItalic.woff2") format("woff2"),
       url("../fonts/ComcastNewVision-ExtraLightItalic.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ComcastNewVision";
  src: url("../fonts/ComcastNewVision-Light.woff2") format("woff2"),
       url("../fonts/ComcastNewVision-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ComcastNewVision";
  src: url("../fonts/ComcastNewVision-LightItalic.woff2") format("woff2"),
       url("../fonts/ComcastNewVision-LightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ComcastNewVision";
  src: url("../fonts/ComcastNewVision-Regular.woff2") format("woff2"),
       url("../fonts/ComcastNewVision-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ComcastNewVision";
  src: url("../fonts/ComcastNewVision-RegularItalic.woff2") format("woff2"),
       url("../fonts/ComcastNewVision-RegularItalic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ComcastNewVision";
  src: url("../fonts/ComcastNewVision-Medium.woff2") format("woff2"),
       url("../fonts/ComcastNewVision-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ComcastNewVision";
  src: url("../fonts/ComcastNewVision-MediumItalic.woff2") format("woff2"),
       url("../fonts/ComcastNewVision-MediumItalic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ComcastNewVision";
  src: url("../fonts/ComcastNewVision-SemiBold.woff2") format("woff2"),
       url("../fonts/ComcastNewVision-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ComcastNewVision";
  src: url("../fonts/ComcastNewVision-SemiBoldItalic.woff2") format("woff2"),
       url("../fonts/ComcastNewVision-SemiBoldItalic.otf") format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ComcastNewVision";
  src: url("../fonts/ComcastNewVision-Bold.woff2") format("woff2"),
       url("../fonts/ComcastNewVision-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ComcastNewVision";
  src: url("../fonts/ComcastNewVision-BoldItalic.woff2") format("woff2"),
       url("../fonts/ComcastNewVision-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "ComcastNewVision";
  src: url("../fonts/ComcastNewVision-ExtraBold.woff2") format("woff2"),
       url("../fonts/ComcastNewVision-ExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ComcastNewVision";
  src: url("../fonts/ComcastNewVision-ExtraBoldItalic.woff2") format("woff2"),
       url("../fonts/ComcastNewVision-ExtraBoldItalic.otf") format("opentype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

:root {
  /* ── Background ── */
  --bg1: #fff;
  --bg2: #f4f3ef;
  --bg3: #eceae4;

  /* ── Text ── */
  --tx1: #1c1c1a;
  --tx2: #6b6a66;
  --tx3: #9b9a96;

  /* ── Borders ── */
  --brd:  rgba(0, 0, 0, .12);
  --brd2: rgba(0, 0, 0, .24);

  /* ── Border radius ── */
  --r4:  4px;
  --r8:  8px;
  --r12: 12px;

  /* ── Blue (primary) ── */
  --blue: #185FA5;
  --blu2: #E6F1FB;
  --blu3: #378ADD;
  --blu4: #0C447C;

  /* ── Green ── */
  --grn:  #3B6D11;
  --grn2: #EAF3DE;
  --grn3: #C0DD97;
  --grn4: #27500A;

  /* ── Amber ── */
  --amb:  #854F0B;
  --amb2: #FAEEDA;
  --amb3: #FAC775;
  --amb4: #633806;

  /* ── Gray ── */
  --gry:  #5F5E5A;
  --gry2: #F1EFE8;

  /* ── Teal ── */
  --tel:  #0F6E56;
  --tel2: #E1F5EE;

  /* ── Purple ── */
  --pur:  #3C3489;
  --pur2: #EEEDFE;

  /* ── Base typography ── */
  font-family: "ComcastNewVision", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}