/* =============================================================
   Fenja AI — Nordic Editorial Design System (deck subset)
   Tokens + fonts, adapted from the original colors_and_type.css.
   Only the pieces the board deck needs are kept.
   ============================================================= */

/* ────────── Fonts (variable) ────────── */
@font-face {
  font-family: "Manrope";
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Manrope-VariableFont_wght.ttf") format("truetype-variations");
}
@font-face {
  font-family: "Newsreader";
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Newsreader-VariableFont_opsz,wght.ttf") format("truetype-variations");
}
@font-face {
  font-family: "Newsreader";
  font-weight: 200 800;
  font-style: italic;
  font-display: swap;
  src: url("../fonts/Newsreader-Italic-VariableFont_opsz,wght.ttf") format("truetype-variations");
}

:root {
  /* --- Core neutrals (unbleached paper, clay, slate) --- */
  --paper:       #faf6ee;  /* base canvas — warm paper */
  --paper-high:  #fffcf7;  /* most-elevated — never pure white */
  --paper-mid:   #f4efe2;
  --paper-low:   #ece5d2;
  --paper-2:     #f6f2e8;
  --paper-3:     #efeadc;

  --ink:         #383831;  /* charcoal slate */
  --ink-soft:    #5f5e5e;
  --ink-dim:     #8a887f;
  --ink-faint:   #ddd6c3;

  /* --- Archival Pigment accent palette (the Bifrost aurora) --- */
  --copper:      #6d8c7c;  /* copper green */
  --ochre:       #c29d59;
  --terracotta:  #b96b58;
  --indigo:      #5a6d83;
  --heather:     #8d7a85;
  --crimson:     #8a3a2f;
  --walnut:      #785f53;

  /* Aurora stops — the canonical Bifrost rainbow, left→right */
  --aurora-1:    #b48755;
  --aurora-2:    #a4553b;
  --aurora-3:    #5c7b8e;
  --aurora-4:    #6e5a86;

  /* --- Type families --- */
  --font-serif:  "Newsreader", Georgia, "Times New Roman", serif;
  --font-sans:   "Manrope", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;

  /* --- Spacing scale (editorial, generous) --- */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.5rem;
  --space-6:   2rem;
  --space-8:   2.75rem;
  --space-10:  4rem;
  --space-12:  5rem;
  --space-16:  6rem;

  /* --- Radii --- */
  --radius-md:   0.75rem;
  --radius-lg:   1.25rem;
  --radius-xl:   1.75rem;
  --radius-full: 9999px;

  /* --- Motion --- */
  --ease:          cubic-bezier(0.2, 0.0, 0, 1);
  --ease-entrance: cubic-bezier(0, 0, 0, 1);
  --dur-fast: 200ms;
  --dur:      380ms;
  --dur-slow: 700ms;

  /* --- Edge / layout --- */
  --edge: clamp(1.75rem, 5vw, 6rem);
}