/* ============================================================
   INDIGOSPIRIT — TEMA
   ============================================================
   Dette er filen som styrer HELE utseendet på siden.
   Vil du gi nettsiden ny drakt? Endre verdiene her – ferdig.
   (Layout og struktur ligger i stil.css og trenger ikke røres.)

   Nåværende tema: Jordende og varme farger – krem, sand,
   terrakotta og honning, med indigo/lavendel fra logoen som
   åndelig aksent.
   ============================================================ */

:root {
  /* ---------- Farger ---------- */
  --krem:            #FAF4E9;   /* sidebakgrunn */
  --krem-lys:        #FDFAF3;   /* mobilmeny-bakgrunn */
  --sand:            #F2E7D3;   /* myke seksjonsbånd */
  --fersken:         #F7E2CC;   /* ikonbakgrunner, datokort */
  --terrakotta:      #BC6A47;   /* primærfarge, knapper */
  --terrakotta-dyp:  #9E5335;   /* hover, lenker */
  --honning:         #D9A441;   /* aksent, markører */
  --honning-lys:     #EFCB8A;   /* lenker i bunnfelt */
  --brun:            #3B2D24;   /* brødtekst, bunnfelt */
  --brun-myk:        #71604F;   /* dus tekst */
  --indigo:          #53427E;   /* logofarge, «gratis»-pris */
  --lavendel:        #8C7AB8;   /* åndelig aksent */
  --lavendel-lys:    #E9E3F2;   /* meldingsbokser */
  --hvit-varm:       #FFFDF8;   /* kort og skjema */

  /* Avledede farger (gradienter og gjennomsiktighet) */
  --bakgrunn:
    radial-gradient(1200px 700px at 85% -100px, rgba(217, 164, 65, .14), transparent 60%),
    radial-gradient(1000px 600px at -100px 300px, rgba(140, 122, 184, .10), transparent 55%),
    var(--krem);
  --knapp-primar: linear-gradient(135deg, var(--terrakotta), var(--terrakotta-dyp));
  --topp-bakgrunn: rgba(250, 244, 233, .86);
  --strek-svak: rgba(59, 45, 36, .08);
  --strek-medium: rgba(59, 45, 36, .14);
  --strek-sterk: rgba(59, 45, 36, .25);

  /* Tilstandsfarger (flash-meldinger) */
  --melding-ok-bakgrunn: #E8F0E2;
  --melding-ok-tekst:    #3E5C2E;
  --melding-info-bakgrunn: var(--lavendel-lys);
  --melding-info-tekst:  var(--indigo);
  --melding-feil-bakgrunn: #F7E0DB;
  --melding-feil-tekst:  #8C3B25;

  /* ---------- Typografi ---------- */
  --font-tittel: "Fraunces", Georgia, serif;
  --font-tekst:  "Nunito Sans", "Segoe UI", sans-serif;

  /* ---------- Former og dybde ---------- */
  --radius: 26px;
  --radius-liten: 14px;
  --skygge: 0 18px 45px -18px rgba(59, 45, 36, .28);
  --skygge-liten: 0 8px 24px -10px rgba(59, 45, 36, .22);
  --maks-bredde: 1140px;
}