/*
 * CNTUG custom theme — overrides.css
 *
 * Loads the CNCF type stack (Clarity City + Noto Sans TC + JetBrains Mono)
 * and applies a few CNCF-flavored polish touches that don't belong in the
 * token contract: selection color, monospace family, display tracking.
 *
 * Webfont sources match the CNTUG design system bundle:
 *   Clarity City — VMware Clarity, OFL — pinned to @clr/ui 17.12.2
 *   Noto Sans TC — Google Fonts (CJK fallback)
 *   JetBrains Mono — Google Fonts (code / kubectl voice)
 */

@font-face {
    font-family: "Clarity City";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("https://cdn.jsdelivr.net/npm/@clr/ui@17.12.2/dist/Regular/ClarityCityRegular.woff2") format("woff2");
}
@font-face {
    font-family: "Clarity City";
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url("https://cdn.jsdelivr.net/npm/@clr/ui@17.12.2/dist/Medium/ClarityCityMedium.woff2") format("woff2");
}
@font-face {
    font-family: "Clarity City";
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url("https://cdn.jsdelivr.net/npm/@clr/ui@17.12.2/dist/SemiBold/ClarityCitySemiBold.woff2") format("woff2");
}
@font-face {
    font-family: "Clarity City";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("https://cdn.jsdelivr.net/npm/@clr/ui@17.12.2/dist/Bold/ClarityCityBold.woff2") format("woff2");
}

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap");

/* Selection: CNCF Turquoise on CNCF Black — a brand signature. */
::selection {
    background: #9fe9ff;
    color: #000000;
}

/* Code samples (history modal, json viewer) pick up JetBrains Mono. */
code,
kbd,
pre,
samp,
.mono,
.json-viewer {
    font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
}

/* Display headings get the CNCF tight tracking treatment. */
h1, h2, h3,
.hero-title,
.section-title {
    letter-spacing: -0.02em;
}

/* Logo: gentle CNCF-blue glow instead of the shipped indigo halo,
   and disable the pulse animation so the brand mark stays calm. */
.logo {
    animation: none;
    filter: drop-shadow(0 0 6px rgba(77, 168, 255, 0.28));
}