/*
 * Festivalpass Sverige – designtokens.
 *
 * Riktningen är hämtad ur den grafiska skissen: djup marinblå som bas,
 * guld som accent, stämpel- och affischkänsla. Marinblått bär auktoritet
 * och gör att guldet får lysa; det är den kontrasten hela identiteten
 * vilar på.
 */

:root {
    /* --- Marinblå: bas och auktoritet ------------------------------------ */
    --fp-navy-900:  #0B1524;   /* sidfot, djupaste ytor */
    --fp-navy:      #16273F;   /* hero, mörka sektioner */
    --fp-navy-700:  #22385A;   /* upphöjda ytor mot marinblått */
    --fp-navy-500:  #3D577E;   /* linjer mot marinblått */

    /* --- Guld: accent, används med disciplin ----------------------------- */
    --fp-gold:      #C08A2B;
    --fp-gold-warm: #D9A648;
    --fp-gold-soft: #E9CB8B;
    --fp-gold-pale: #F5E8CC;

    /* --- Papper ---------------------------------------------------------- */
    --fp-paper:     #F8F5EE;
    --fp-paper-deep:#EFEADF;
    --fp-white:     #FFFFFF;

    /* --- Text ------------------------------------------------------------ */
    --fp-ink:       #16273F;
    --fp-ink-soft:  #55637A;
    --fp-ink-faint: #8E99AA;
    --fp-rule:      #DCD5C7;
    --fp-rule-firm: #C5BCA9;

    /* --- Status ---------------------------------------------------------- */
    --fp-ok:          #2F6B4F;
    --fp-ok-pale:     #DFEDE4;
    --fp-warn:        #9A6B1F;
    --fp-warn-pale:   #F7EAD2;
    --fp-danger:      #98332B;
    --fp-danger-pale: #F5E1DE;

    /* --- Typografi ------------------------------------------------------- */
    /* Archivo Black i versaler ger stämpeln på affischen sin tyngd.
       Barlow bär texten. Barlow Condensed sätter datum och etiketter. */
    --fp-font-display: "Archivo Black", "Arial Black", Impact, sans-serif;
    --fp-font-text:    Barlow, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --fp-font-cond:    "Barlow Condensed", "Barlow", sans-serif;

    --fp-text-xs:   0.8125rem;
    --fp-text-sm:   0.9375rem;
    --fp-text-base: 1.0625rem;
    --fp-text-md:   clamp(1.15rem, 1.05rem + 0.4vw, 1.35rem);
    --fp-text-lg:   clamp(1.4rem, 1.2rem + 0.9vw, 1.9rem);
    --fp-text-xl:   clamp(1.9rem, 1.5rem + 1.8vw, 3rem);
    --fp-text-2xl:  clamp(2.4rem, 1.7rem + 3vw, 4.2rem);
    --fp-text-3xl:  clamp(2.9rem, 1.9rem + 4.4vw, 5.6rem);

    /* 1.05 fungerar för versaler utan underhäng; å-ringen får plats
       eftersom rubrikerna sätts i versaler med extra padding-top. */
    --fp-leading-tight: 1.06;
    --fp-leading-snug:  1.3;
    --fp-leading-body:  1.6;

    --fp-tracking-display: -0.01em;
    --fp-tracking-label:   0.14em;

    /* --- Rum ------------------------------------------------------------- */
    --fp-space-1: 0.25rem;
    --fp-space-2: 0.5rem;
    --fp-space-3: 0.75rem;
    --fp-space-4: 1rem;
    --fp-space-5: 1.5rem;
    --fp-space-6: 2rem;
    --fp-space-7: 3rem;
    --fp-space-8: 4.5rem;
    --fp-space-9: 6.5rem;
    --fp-space-10: 9rem;

    /* --- Form ------------------------------------------------------------ */
    --fp-radius-sm: 2px;
    --fp-radius:    4px;
    --fp-radius-lg: 10px;
    --fp-radius-pill: 999px;

    --fp-border:      1px solid var(--fp-rule);
    --fp-border-firm: 2px solid var(--fp-ink);
    --fp-border-gold: 2px solid var(--fp-gold);

    --fp-shadow-sm: 0 1px 2px rgba(11, 21, 36, 0.08);
    --fp-shadow:    0 6px 18px rgba(11, 21, 36, 0.10);
    --fp-shadow-lg: 0 24px 60px rgba(11, 21, 36, 0.28);

    /* --- Layout ---------------------------------------------------------- */
    --fp-measure:    64ch;
    --fp-width-wide: 1240px;
    --fp-width-full: 1500px;
    --fp-gutter:     clamp(1.25rem, 4vw, 3.5rem);

    --fp-ease:     cubic-bezier(0.2, 0.7, 0.3, 1);
    --fp-duration: 200ms;
}

@media (prefers-reduced-motion: reduce) {
    :root { --fp-duration: 0ms; }
}