/* ==========================================================================
   NAKOPAY brand overrides - loaded AFTER built/screen.css (see default.hbs).
   Upgrade-safe by design: upstream Headline files are untouched; rebasing on
   a new Headline release = copy release over, re-add this file + the font
   files + the one <link> line in default.hbs.

   Tokens mirror the main site's src/index.css:
     paper  #FCFAF8   ink    #0F1729   orange #F97415   glow #FBA937
     muted  #545C6E   border #DCDEE4   accent tint #FDF0E7
   ========================================================================== */

/* ---- Brand fonts, self-hosted (no Google requests) ---- */
@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/manrope-latin-400-normal.woff2") format("woff2");
}
@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/manrope-latin-600-normal.woff2") format("woff2");
}
@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/manrope-latin-700-normal.woff2") format("woff2");
}
@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("../fonts/manrope-latin-800-normal.woff2") format("woff2");
}
@font-face {
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2");
}

/* ---- Palette + typography: one family everywhere, like the site ---- */
:root {
    --font-sans: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    /* Headline's "serif" slots also become Manrope so every admin font
       choice stays on-brand. */
    --font-serif: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    --color-darker-gray: #0F1729;          /* ink */
    --color-secondary-text: #545C6E;       /* muted */
    --color-light-gray: #DCDEE4;           /* borders */
    --color-primary-text: #0F1729;
    /* Fallback accent if Ghost Admin's accent color is unset;
       set Admin > Design accent to #F97415 so both agree. */
    --ghost-accent-color: var(--ghost-accent-color, #F97415);
}

/* Paper background like nakopay.com (cards/sections stay white). */
body {
    background: #FCFAF8;
    font-feature-settings: "cv11", "ss01";
}

/* Code, kbd, pre: JetBrains Mono with tabular numerals - mirrors the
   site's .font-mono-tabular. */
code, kbd, pre, pre span {
    font-family: "JetBrains Mono", SFMono-Regular, Menlo, Consolas, monospace;
    font-variant-numeric: tabular-nums;
}

/* Buttons: the site's hero gradient on primary CTAs + its radius. */
.gh-btn,
.gh-header-cta,
.gh-form-input + button,
button[class*="subscribe"] {
    border-radius: 8px;
}
.gh-btn.gh-primary-btn,
.gh-signup-form .gh-btn,
.gh-subscribe-btn,
form[data-members-form] button {
    background: linear-gradient(135deg, #F97415 0%, #FBA937 100%) !important;
    color: #fff !important;
    border: none;
}
.gh-btn.gh-primary-btn:hover,
.gh-signup-form .gh-btn:hover,
form[data-members-form] button:hover {
    opacity: 0.9;
}

/* Links inside posts: brand-dark orange for AA contrast on paper. */
.gh-content a:not(.gh-btn) {
    color: #BC5804;
    text-decoration-color: rgba(249, 116, 21, 0.4);
}
.gh-content a:not(.gh-btn):hover {
    color: #F97415;
}

/* Selection - the small "same product" touch. */
::selection {
    background: rgba(249, 116, 21, 0.25);
}

/* Header: white surface with the site's subtle border. */
.gh-head {
    background: #fff;
    border-bottom: 1px solid #DCDEE4;
}

/* Tag pills / post meta accents in soft orange tint. */
.gh-article-tag,
.gh-post-tag {
    color: #BC5804;
}