/* ══════════════════════════════════════════════════
   theme-nordic.css  –  Skandinavisk ren design
   Bakgrunnsbilde: nordic_bkgrnd.jpg (valgfritt)
   ══════════════════════════════════════════════════ */

:root {
  /* ── Typografi ─────────────────────────────────── */
  --font-body:    'Nunito', 'Segoe UI', Arial, sans-serif;
  --font-heading: 'Montserrat', 'Segoe UI', Arial, sans-serif;
  --font-size-base: 14px;

  /* ── Bakgrunn ──────────────────────────────────── */
  --color-bg:         #e8f0f8;
  --color-surface:    #ffffff;
  --color-carousel-bg:#ffffff;
  --color-panel-bg:   #d4e0ed;
  --color-bottom-bg:  #2b5f8b;

  /* ── Tekst ─────────────────────────────────────── */
  --color-text:       #1a2a3a;
  --color-text-muted: #5a7a9a;

  /* ── Aksent ────────────────────────────────────── */
  --color-accent:      #2b5f8b;
  --color-accent-dark: #1a3d5c;

  /* ── Seksjonfarger ─────────────────────────────── */
  --color-sec-green:   #96cc6a;   /* myk skogsgrønn */
  --color-sec-red:     #dd2222;   /* klar blodrød   */
  --color-date-yellow: #ffe800;   /* klar gul       */

  /* ── Knappfarger ───────────────────────────────── */
  --color-btn-purple:  #cc00cc;

  /* ── Kanter ────────────────────────────────────── */
  --color-border:   #a8c0d8;
  --color-row-sep:  #e0eaf4;
  --border-card:    2px solid #b8ccde;
  --border-panel:   2px solid #a8c0d8;
  --border-bottom:  2px solid #1a3d5c;
  --border-btn:     2.5px solid #7aa4c4;
}

/* ── Kropp ───────────────────────────────────────── */
body {
  background: linear-gradient(160deg, #e0ecf8 0%, #eaf2fb 55%, #dce8f4 100%);
}

/* ── Karusell ────────────────────────────────────── */
.carousel-vp {
  box-shadow: inset 2px 0 8px rgba(0,0,0,0.04);
}

/* ── Panel ───────────────────────────────────────── */
.panel-right {
  background: linear-gradient(180deg, #d0dded 0%, #c8d8e8 100%);
}

/* ── Innstillinger-knapp ─────────────────────────── */
.btn-innstillinger {
  background: var(--color-accent);
  border-color: var(--color-accent);
  letter-spacing: 0.01em;
}

/* ── Bunnen ──────────────────────────────────────── */
.bottom-bar {
  background: linear-gradient(90deg, #2b5f8b 0%, #1d4870 100%);
}

/* ── Innstillinger-kort ──────────────────────────── */
.settings-card {
  border: 2px solid #b8ccde;
  box-shadow: 0 12px 48px rgba(43,95,139,0.25);
}

/* ── Login ───────────────────────────────────────── */
.login-card {
  border: 2px solid #b8ccde;
  background: linear-gradient(160deg, #fff 0%, #f4f9ff 100%);
}