:root {
  /* Bas */
  --bg: #0a4c8a;
  --surface: #fffef9;
  --surface2: #eeeade;

  /* Kort/UI */
  --card: #ffffff;

  /* Borders & grid */
  --border: #d4cfc0;
  --border-soft: #ddd8d0;
  --grid: #e8e3dc;
  --axis: #c8c0b4;

  /* Text */
  --text: #000;
  --text-soft: #1a1814;
  --muted: #7a7060;
  --text-muted: #7a7060;
  --muted-soft: #9c958a;

  /* Accentfärger */
  --accent: #1a3a2a;
  --accent-strong: #2a6648;
  --accent-alt: #c85a1e;
  --accent-danger: #b03030;
  --accent2: #7ab8e8;

  /* Status */
  --correct: #2a6648;
  --correct-strong: #1e7a40;
  --correct-bg: #eaf7f0;

  --wrong: #b03030;
  --wrong-strong: #b02020;
  --wrong-bg: #fdf0f0;

  /* Diagram / kategorier */
  --c0: #2e7bcf;
  --c1: #c84040;
  --c2: #2e9e5e;
  --c3: #8844bb;


  --line-a: #e87a9a;
  --line-b: #7ae8b8;
  --radius: 12px;

    --font-display: 'Playfair Display', Georgia, serif;
    --font-body: 'DM Sans', 'Helvetica Neue', sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Mono', monospace;
    --font-math: 'STIX Two Math', 'Latin Modern Math', Georgia, serif;
}


body {
background: var(--bg);
color: var(--text);
min-height: 100vh;
}





/* Ljusast #3a7fcf 

Lite mörkare #3579c4

Lite mörkare: #2f6fb3

Lite mörkare: #2a63a3


*/



/* Vanlig text */
body, p, li, span {
    font-family: "PT Sans", sans-serif;
}

/* Titlar */
h1, h2, h3, h4, h5, h6 {
    font-family: "Bebas Neue", sans-serif;
	letter-spacing: 0.08em;
}

h4 {
    margin-top: 50px;
}

h1 {
  color: white;  
}

.katex * {
    font-family: inherit !important; 
	font-size: 0.95em;
}


/*


.katex-display .katex {
  font-size: 1em;    
}

----------  eller låt KaTeX använda sina egna fonts */