/* ============================================================
   RAUÐSKINNA — Design tokens
   Fargene og typografien er hentet direkte fra referansebildet:
   dyp skoggrønn, antikk gull, pergament og okseblod-rødt.
   ============================================================ */

:root {
  /* --- Grunnflater (mørkt tema er standard for Rauðskinna) --- */
  --rs-ink:        #0e1712;   /* dypeste bakgrunn                 */
  --rs-forest:     #16241c;   /* panel / kort                    */
  --rs-forest-2:   #1b2c22;   /* hevet panel                     */
  --rs-forest-3:   #22382b;   /* hover                           */
  --rs-mist:       rgba(150, 170, 150, 0.10); /* tåke over fjell */

  /* --- Gull --- */
  --rs-gold:        #c8a94f;
  --rs-gold-bright: #e6cf88;
  --rs-gold-dim:    #8f7838;
  --rs-gold-line:   rgba(200, 169, 79, 0.55);
  --rs-gold-faint:  rgba(200, 169, 79, 0.22);

  /* --- Aksenter --- */
  --rs-parchment:  #e8dcc0;   /* varm lys tekst på mørkt         */
  --rs-oxblood:    #8a3030;   /* footer / manuskript-detaljer    */
  --rs-oxblood-dim: rgba(138, 48, 48, 0.75);

  /* --- Tekst --- */
  --rs-text:       #d8cfb8;
  --rs-text-soft:  #a99f86;
  --rs-text-faint: #6f6952;

  /* --- Typografi --- */
  --rs-font-display: "Cinzel", "Trajan Pro", "Times New Roman", serif;
  --rs-font-serif:   "Cormorant Garamond", "EB Garamond", Georgia, serif;
  --rs-font-ui:      "Cormorant Garamond", Georgia, serif;

  /* --- Ramme og romslighet --- */
  --rs-frame:      var(--rs-gold-line);
  --rs-radius:     6px;
  --rs-maxw:       1360px;
  --rs-gutter:     clamp(1rem, 4vw, 3rem);

  /* --- Skygger / glød --- */
  --rs-glow-gold:  0 0 24px rgba(200, 169, 79, 0.18);
  --rs-shadow:     0 18px 50px rgba(0, 0, 0, 0.55);
}

/* Lyst tema — for komponenter som eksplisitt ber om det.
   Rauðskinna er mørkt av natur; lyst tema demper kontrasten
   men beholder gull + pergament. */
:root[data-theme="light"] {
  --rs-ink:        #efe6cf;
  --rs-forest:     #e6dcc2;
  --rs-forest-2:   #ddd2b4;
  --rs-forest-3:   #d3c7a3;
  --rs-mist:       rgba(30, 50, 35, 0.06);
  --rs-gold:        #8a6d1f;
  --rs-gold-bright: #a9862c;
  --rs-gold-dim:    #6f5717;
  --rs-gold-line:   rgba(120, 92, 28, 0.55);
  --rs-gold-faint:  rgba(120, 92, 28, 0.20);
  --rs-parchment:  #2a2416;
  --rs-text:       #2f2a1c;
  --rs-text-soft:  #5b5340;
  --rs-text-faint: #857b60;
  --rs-shadow:     0 18px 40px rgba(60, 45, 20, 0.20);
  --rs-glow-gold:  0 0 20px rgba(138, 109, 31, 0.14);
}