/* ============================================================
   portalstart.css - bilbolagetnu
   Loaded after /m/public/portalstart.css, so re-declaring the
   tokens in :root is enough - no selectors need to be repeated.
   ============================================================ */

/* --- 1. Custom font -------------------------------------------------------
   Same Typekit kit the old portal (framework/bilbolagetnu/css/css.css) uses.
   Poppins comes from Google Fonts. Both must be loaded here, the base
   stylesheet only preconnects to fonts.googleapis.com / fonts.gstatic.com. */

@import url("https://p.typekit.net/p.css?s=1&k=kyi2arl&ht=tk&f=32186.32187.32189&a=85035912&app=typekit&e=css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");

@font-face {
    font-family: "monsal-gothic";
    src: url("https://use.typekit.net/af/6ae0da/00000000000000007735b03b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),
         url("https://use.typekit.net/af/6ae0da/00000000000000007735b03b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "monsal-gothic";
    src: url("https://use.typekit.net/af/6ff35e/00000000000000007735b048/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),
         url("https://use.typekit.net/af/6ff35e/00000000000000007735b048/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
}

/* --- 2. Tokens ------------------------------------------------------------ */

:root {
    /* Bilbolaget.nu red is the contrast colour, near black is the base */
    --ps-primary-color: #181818;
    --ps-primary-hover: #333333;
    --ps-primary-contrast: #ffffff;

    --ps-secondary-color: #c8372f;
    --ps-secondary-hover: #a72c25;
    --ps-secondary-contrast: #ffffff;

    --ps-accent-color: #f7f7f7;

    --ps-font-body: 'Poppins', 'Inter', 'Segoe UI', Arial, sans-serif;
    --ps-font-heading: 'monsal-gothic', 'Poppins', 'Segoe UI', Arial, sans-serif;

    /* This brand uses square corners */
    --ps-radius-card: 0;
    --ps-radius-button: 0;
}

/* --- 3. Anything beyond the tokens ---------------------------------------- */

.ps-hero-text-content h1 {
    text-transform: uppercase;
    letter-spacing: 0.02em;
}