/* ============================================================ WinningPC — design tokens + site type (v71, palette "Gốc"). Global: printed on every front-end page before the other child sheets. Never loaded in wp-admin or the block editor. 1. Faces: IBM Plex Sans / Mono (assets/fonts/README.md) 2. Tokens, light 3. Tokens, dark (html[data-theme="dark"], set before paint) 4. Site font roles: Rehub Typography, WP presets, form controls, code, giveaway plugin font variables ============================================================ */ /* ---------- 1. faces (IBM's split files + IBM's unicode-range) ---------- */ @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/IBMPlexSans-Regular-Cyrillic.woff2") format("woff2");unicode-range:U+0400-045F, U+0462-0463, U+046A-046B, U+0472-0475, U+0490-04C2, U+04CF-04D9, U+04DC-04E9, U+04EE-04F9, U+0524-0525} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/IBMPlexSans-Regular-Latin1.woff2") format("woff2");unicode-range:U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/IBMPlexSans-Regular-Latin2.woff2") format("woff2");unicode-range:U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/IBMPlexSans-Regular-Latin3.woff2") format("woff2");unicode-range:U+0102-0103, U+01CD-01DC, U+1EA0-1EF9, U+20AB} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/IBMPlexSans-Regular-Pi.woff2") format("woff2");unicode-range:U+0E3F, U+2000-200D, U+2015, U+2028-2029, U+202F, U+2032-2033, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+2215, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+ECE0, U+EFCC, U+FEFF, U+FFFD} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/IBMPlexSans-Medium-Cyrillic.woff2") format("woff2");unicode-range:U+0400-045F, U+0462-0463, U+046A-046B, U+0472-0475, U+0490-04C2, U+04CF-04D9, U+04DC-04E9, U+04EE-04F9, U+0524-0525} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/IBMPlexSans-Medium-Latin1.woff2") format("woff2");unicode-range:U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/IBMPlexSans-Medium-Latin2.woff2") format("woff2");unicode-range:U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/IBMPlexSans-Medium-Latin3.woff2") format("woff2");unicode-range:U+0102-0103, U+01CD-01DC, U+1EA0-1EF9, U+20AB} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/IBMPlexSans-Medium-Pi.woff2") format("woff2");unicode-range:U+0E3F, U+2000-200D, U+2015, U+2028-2029, U+202F, U+2032-2033, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+2215, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+ECE0, U+EFCC, U+FEFF, U+FFFD} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/IBMPlexSans-SemiBold-Cyrillic.woff2") format("woff2");unicode-range:U+0400-045F, U+0462-0463, U+046A-046B, U+0472-0475, U+0490-04C2, U+04CF-04D9, U+04DC-04E9, U+04EE-04F9, U+0524-0525} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/IBMPlexSans-SemiBold-Latin1.woff2") format("woff2");unicode-range:U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/IBMPlexSans-SemiBold-Latin2.woff2") format("woff2");unicode-range:U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/IBMPlexSans-SemiBold-Latin3.woff2") format("woff2");unicode-range:U+0102-0103, U+01CD-01DC, U+1EA0-1EF9, U+20AB} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/IBMPlexSans-SemiBold-Pi.woff2") format("woff2");unicode-range:U+0E3F, U+2000-200D, U+2015, U+2028-2029, U+202F, U+2032-2033, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+2215, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+ECE0, U+EFCC, U+FEFF, U+FFFD} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/IBMPlexSans-Bold-Cyrillic.woff2") format("woff2");unicode-range:U+0400-045F, U+0462-0463, U+046A-046B, U+0472-0475, U+0490-04C2, U+04CF-04D9, U+04DC-04E9, U+04EE-04F9, U+0524-0525} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/IBMPlexSans-Bold-Latin1.woff2") format("woff2");unicode-range:U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/IBMPlexSans-Bold-Latin2.woff2") format("woff2");unicode-range:U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/IBMPlexSans-Bold-Latin3.woff2") format("woff2");unicode-range:U+0102-0103, U+01CD-01DC, U+1EA0-1EF9, U+20AB} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/IBMPlexSans-Bold-Pi.woff2") format("woff2");unicode-range:U+0E3F, U+2000-200D, U+2015, U+2028-2029, U+202F, U+2032-2033, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+2215, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+ECE0, U+EFCC, U+FEFF, U+FFFD} @font-face{font-family:"IBM Plex Sans";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/IBMPlexSans-Italic-Cyrillic.woff2") format("woff2");unicode-range:U+0400-045F, U+0462-0463, U+046A-046B, U+0472-0475, U+0490-04C2, U+04CF-04D9, U+04DC-04E9, U+04EE-04F9, U+0524-0525} @font-face{font-family:"IBM Plex Sans";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/IBMPlexSans-Italic-Latin1.woff2") format("woff2");unicode-range:U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02} @font-face{font-family:"IBM Plex Sans";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/IBMPlexSans-Italic-Latin2.woff2") format("woff2");unicode-range:U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF} @font-face{font-family:"IBM Plex Sans";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/IBMPlexSans-Italic-Latin3.woff2") format("woff2");unicode-range:U+0102-0103, U+01CD-01DC, U+1EA0-1EF9, U+20AB} @font-face{font-family:"IBM Plex Sans";font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/IBMPlexSans-Italic-Pi.woff2") format("woff2");unicode-range:U+0E3F, U+2000-200D, U+2015, U+2028-2029, U+202F, U+2032-2033, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+2215, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+ECE0, U+EFCC, U+FEFF, U+FFFD} @font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/IBMPlexMono-Medium-Latin1.woff2") format("woff2");unicode-range:U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02} @font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/IBMPlexMono-Medium-Latin2.woff2") format("woff2");unicode-range:U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF} @font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/IBMPlexMono-Medium-Latin3.woff2") format("woff2");unicode-range:U+0102-0103, U+01CD-01DC, U+1E0C-1E0D, U+1E12-1E13, U+1E24-1E25, U+1E36-1E37, U+1E3C-1E3D, U+1E40-1E47, U+1E4A-1E4B, U+1E62-1E63, U+1E6C-1E6D, U+1E70-1E71, U+1E92-1E93, U+1EA0-1EF9, U+20AB} @font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/IBMPlexMono-Medium-Pi.woff2") format("woff2");unicode-range:U+03C0, U+0E3F, U+2000-200D, U+2010-2012, U+2015, U+2028-2029, U+202F, U+2032-2033, U+203E, U+205F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+2215, U+2219-221A, U+221E, U+222B, U+2236, U+2248, U+2260, U+2264-2265, U+2400-2421, U+2500-259F, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+3000, U+FEFF, U+FFFD} @font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/IBMPlexMono-SemiBold-Latin1.woff2") format("woff2");unicode-range:U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02} @font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/IBMPlexMono-SemiBold-Latin2.woff2") format("woff2");unicode-range:U+0100-0101, U+0104-0130, U+0132-0151, U+0154-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01FA-01FF, U+0218-021B, U+0237, U+0259, U+1E80-1E85, U+1E9E, U+20A1, U+20A4, U+20A6, U+20A8-20AA, U+20AD-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BD, U+20BF} @font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/IBMPlexMono-SemiBold-Latin3.woff2") format("woff2");unicode-range:U+0102-0103, U+01CD-01DC, U+1E0C-1E0D, U+1E12-1E13, U+1E24-1E25, U+1E36-1E37, U+1E3C-1E3D, U+1E40-1E47, U+1E4A-1E4B, U+1E62-1E63, U+1E6C-1E6D, U+1E70-1E71, U+1E92-1E93, U+1EA0-1EF9, U+20AB} @font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/IBMPlexMono-SemiBold-Pi.woff2") format("woff2");unicode-range:U+03C0, U+0E3F, U+2000-200D, U+2010-2012, U+2015, U+2028-2029, U+202F, U+2032-2033, U+203E, U+205F, U+2070, U+2074-2079, U+2080-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+2215, U+2219-221A, U+221E, U+222B, U+2236, U+2248, U+2260, U+2264-2265, U+2400-2421, U+2500-259F, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+3000, U+FEFF, U+FFFD} /* ---------- 2. tokens, light ---------- */ :root{ --wpc-logo-ink:#121417; --wpc-logo-accent:#E63B35; --fs-h2:clamp(23px,.8vw + 15px,28px); --lh-h2:1.28; --fs-post:17px; --lh-post:1.7; --wpc-ff-sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --wpc-ff-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace; --font-body:var(--wpc-ff-sans); --font-display:var(--wpc-ff-sans); --font-mono:var(--wpc-ff-mono); --c-bg:#FFFFFF; --c-surface:#FFFFFF; --c-band:#F4F7FA; --c-ink:#0F172A; --c-text:#334155; --c-muted:#5B6A80; --c-line:#E2E8F0; --c-line-strong:#CBD5E1; --c-control:#8492A6; --c-action:#0A66D1; --c-action-hover:#0852AA; --c-action-soft:#EAF3FD; --c-on-action:#FFFFFF; --c-focus:#1395F1; --offer-best-bg:#F5F9FF; --c-deal:#E5192B; --c-deal-ink:#B3141F; --c-deal-soft:#FDECEC; --c-price-now:#0F172A; --c-price-free:#15803D; --c-success:#15803D; --c-success-soft:rgba(21,128,61,.16); --c-warn:#B45309; --c-danger:#B91C1C; --c-star:#C98A04; --c-on-deal:#FFFFFF; --hero-bg:#F4F7FA; --ticket-line:#D6E0EB; --zone-bg:#EAF1FA; --zone-line:#D3E0F0; --zone-card-line:#D3E0F0; --plate:#FFFFFF; --brand-plate:#FFFFFF; --r-xs:4px; --r-sm:8px; --r-md:12px; --r-lg:16px; --shadow-1:0 1px 2px rgba(15,23,42,.05); --shadow-2:0 12px 32px rgba(15,23,42,.12); --shadow-hd:0 1px 0 rgba(15,23,42,.04),0 6px 16px rgba(15,23,42,.06); --wrap:1200px; /* chrome regions */ --promo-bg:#0F172A; --promo-fg:#E2E8F0; --promo-chip-bg:rgba(255,255,255,.12); --hd-bg:#FFFFFF; --hd-line:#E2E8F0; --nav-hover:#F1F5F9; --ft-bg:#F8FAFC; --ft-text:#334155; --ft-ink:#0F172A; --ft-muted:#5B6B80; --ft-line:#E2E8F0; --ft-field-bg:#FFFFFF; --ft-field-line:#CBD5E1; /* Sticky chrome: promo bar height (chrome.js measures it), header height, and the WP admin bar offset. */ --promo-h:0px; --hd-h:65px; --wpc-ab:0px; } .wpc-has-sticky-promo{--promo-h:36px} body.admin-bar{--wpc-ab:32px} @media screen and (max-width:782px){body.admin-bar{--wpc-ab:46px}} @media screen and (max-width:600px){body.admin-bar{--wpc-ab:0px}} @media (max-width:640px){:root{--hd-h:57px}} /* ---------- 3. tokens, dark ---------- */ html[data-theme="light"]{color-scheme:light} html[data-theme="dark"]{ color-scheme:dark; --wpc-logo-ink:#F4F5F7; --wpc-logo-accent:#FE4641; --c-bg:#0B1220; --c-surface:#111A2B; --c-band:#0E1627; --c-ink:#E8EEF6; --c-text:#C3CEDB; --c-muted:#8FA0B6; --c-line:#1F2B3F; --c-line-strong:#2D3C55; --c-control:#5B6D86; --c-action:#5AA2FF; --c-action-hover:#7DB6FF; --c-action-soft:#132642; --c-on-action:#0B1220; --c-focus:#5AA2FF; --offer-best-bg:#12223A; --c-deal:#FE4641; --c-deal-ink:#FF8A87; --c-deal-soft:#2D0A0C; --c-price-now:#E8EEF6; --c-price-free:#4ADE80; --c-success:#4ADE80; --c-success-soft:rgba(74,222,128,.18); --c-warn:#FBBF24; --c-danger:#F87171; --c-star:#F2B84B; --c-on-deal:#0B1220; --hero-bg:#0B1220; --ticket-line:#2D3C55; --zone-bg:#0F1724; --zone-line:#1E2A3B; --zone-card-line:#26344A; --brand-plate:#E9EEF4; --shadow-1:none; --shadow-2:0 12px 32px rgba(0,0,0,.45); --shadow-hd:0 6px 16px rgba(0,0,0,.35); --promo-bg:#060B14; --hd-bg:#0B1220; --hd-line:#1F2B3F; --nav-hover:#16213A; --ft-bg:#080E19; --ft-text:#C3CEDB; --ft-ink:#E8EEF6; --ft-muted:#8FA0B6; --ft-line:#1F2B3F; --ft-field-bg:#111A2B; --ft-field-line:#2D3C55; } /* ---------- 4. site font roles ---------- Sans for everything a reader reads (body, headings, UI, prices, badges, meta); Mono only for codes, keys, file names, countdowns. Icon fonts (rhicons, FontAwesome) set their own family on the icon element and are never targeted here. */ /* Rehub Theme Options → Typography prints its rules inline at wp_head:10, after every stylesheet (inc/customization.php). These are the same selector lists with `html` in front, so the site font wins whatever family an editor picks there. */ html:root{ --rehub-body-font:var(--wpc-ff-sans); --rehub-head-font:var(--wpc-ff-sans); --rehub-nav-font:var(--wpc-ff-sans); --rehub-btn-font:var(--wpc-ff-sans); /* theme.json presets (global styles print them on the front end) */ --wp--preset--font-family--system-font:var(--wpc-ff-sans); --wp--preset--font-family--rh-nav-font:var(--wpc-ff-sans); --wp--preset--font-family--rh-head-font:var(--wpc-ff-sans); --wp--preset--font-family--rh-btn-font:var(--wpc-ff-sans); --wp--preset--font-family--rh-body-font:var(--wpc-ff-sans); } html body, html .sidebar, html .rehub-body-font, html .dl-menuwrapper li a, html nav.top_menu>ul>li>a, html #re_menu_near_logo li{font-family:var(--font-body)!important} html .rehub_feat_block div.offer_title, html .rh_wrapper_video_playlist .rh_video_title_and_time .rh_video_title, html .main_slider .flex-overlay h2, html .related_articles ul li>a, html h1,html h2,html h3,html h4,html h5,html h6, html .widget .title, html .title h1, html .title h5, html .related_articles .related_title, html #comments .title_comments, html .commentlist .comment-author .fn, html .commentlist .comment-author .fn a, html .rate_bar_wrap .review-top .review-text span.review-header, html .wpsm-numbox.wpsm-style6 span.num, html .wpsm-numbox.wpsm-style5 span.num, html .rehub-main-font, html .logo .textlogo, html .wp-block-quote.is-style-large, html .comment-respond h3, html .re_title_inmodal{font-family:var(--font-display)} html .priced_block .btn_offer_block, html .rh-deal-compact-btn, html .wpsm-button.rehub_main_btn, html .btn_more, html input[type="submit"], html input[type="button"], html input[type="reset"], html .rehub-btn-font, html .wp-block-button .wp-block-button__link, html .widget_merchant_list .buttons_col a{font-family:var(--font-body)} /* Rehub's category sale badge and search metadata use Arial shorthands. Override only the family so size, weight, line height and layout survive. */ html .grid_onsale, html .woo_offer_list .woolist_meta{font-family:var(--font-body)} /* Form controls take the page font instead of the browser default. */ :where(button,input,select,textarea,optgroup){font-family:inherit} /* Code, licence keys, file names. Rehub's reset sets these elements to font-family:inherit (0,0,1); one element of weight more wins it, and any class-level rule still decides for itself. */ html code,html kbd,html samp,html pre{font-family:var(--font-mono)} html .wp-block-code, html .wp-block-preformatted{font-family:var(--font-mono)} /* winningpc-giveaway declares its own font variables on .hwgw-claim (Inter / SFMono). Only those three are remapped; the plugin's colours, layout and stylesheet stay as shipped. */ html .hwgw-claim{ --font-body:var(--wpc-ff-sans); --font-display:var(--wpc-ff-sans); --font-mono:var(--wpc-ff-mono); }