/* ============================================================
   Rauðskinna — Edda design system, mørk variant (fra handoff).
   Én autoritativ mørk palett (dark.css-verdiene), semantiske
   aliaser fra Edda colors.css, typo/spacing-tokens uendret.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,500;0,600;1,400&family=Schibsted+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  /* ---- Mørk palett (dark.css) ---- */
  --parchment-50:  #232C22;
  --parchment-100: #1A2119;
  --parchment-200: #151B14;
  --parchment-300: #10150F;

  --ink-900: #F2EAD3;
  --ink-700: #D8CFB6;
  --ink-500: #A89F87;
  --ink-400: #8B8370;
  --ink-300: #665F4F;

  --line-soft:   #303B2C;
  --line-strong: #46543F;

  --amber-700: #D9A93F;
  --amber-600: #C9962E;
  --amber-500: #E0B658;
  --amber-200: #6A5220;
  --amber-100: #33290F;

  --green-800: #A3C7AC;
  --green-700: #7FAE8C;
  --green-600: #6B9B78;
  --green-200: #3C5A44;
  --green-100: #223528;

  --slate-700: #B9C2C8;
  --slate-100: #262B25;

  /* ---- Semantiske aliaser (Edda) ---- */
  --bg-page:        var(--parchment-100);
  --bg-sunken:      var(--parchment-200);
  --surface-card:   var(--parchment-50);
  --surface-inset:  var(--parchment-300);

  --text-strong:    var(--ink-900);
  --text-body:      var(--ink-700);
  --text-muted:     var(--ink-500);
  --text-faint:     var(--ink-400);
  --text-disabled:  var(--ink-300);
  --text-on-accent: var(--parchment-50);

  --border-hairline: var(--line-soft);
  --border-strong:   var(--line-strong);

  --accent:          var(--amber-600);
  --accent-hover:    var(--amber-700);
  --accent-surface:  var(--amber-100);
  --accent-border:   var(--amber-200);

  --verified:         var(--green-700);
  --verified-strong:  var(--green-800);
  --verified-surface: var(--green-100);
  --verified-border:  var(--green-200);

  --focus-ring: var(--amber-600);

  /* ---- Typografi ---- */
  --font-serif: "Spectral", Georgia, "Times New Roman", serif;
  --font-sans:  "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-mono:  "IBM Plex Mono", "SF Mono", ui-monospace, Menlo, monospace;

  /* ---- Spacing / radii / motion ---- */
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 10px;
  --ease-standard: cubic-bezier(0.2, 0, 0.1, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;

  --container: 1240px;
  --gutter: clamp(20px, 4vw, 40px);
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg-page);
  color: var(--text-body);
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; display: block; }
a {
  color: var(--amber-700);
  text-decoration: none;
  transition: color 150ms var(--ease-standard);
}
a:hover { color: var(--amber-500); }
::selection { background: var(--accent-surface); color: var(--ink-900); }
:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
button { font-family: inherit; }
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}