/* -------- FRONT MATTER ---------
** Theme: ZPS Custom
----------------------------------- */

/* ---------- Typography ---------- */

/* Imported fonts */

@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');


:root {
  --font-text-theme: Fira Sans, sans-serif;
  --font-interface-theme: Fira Sans, sans-serif;
  --font-monospace: Menlo, monospace;
  --font-text-size: 16px;
  --line-height-normal: 1.6;
  }
body {
  --font-text-theme: Fira Sans, sans-serif;
  --font-interface-theme: Fira Sans, sans-serif;
  --font-monospace: Menlo, monospace;
  --font-text-size: 16px;
  --line-height-normal: 1.6;
}
   /* ---------- Colors ---------- */
body {
  --background-primary: #fcf5e4;      /* main page background */
  --background-secondary: #f0ddb2;    /* sidebar / cards */
  --text-normal: #222222;             /* body text */
  --text-muted: #666666;              /* secondary text */
  --text-accent: #7C3AED;             /* links, highlights */
  --text-accent-hover: #7C3AED;

  /* ---------- Headings ---------- */
  --h1-color: var(--text-normal);
  --h2-color: var(--text-normal);
  --h3-color: var(--text-normal);

  /* ---------- Code blocks ---------- */
  --code-background: #f0f0f0;
  --code-normal: #333333;

}

/* ---------- Base elements ---------- */
body {
  font-family: var(--font-text);
  font-size: var(--font-text-size);
  line-height: var(--line-height-normal);
  background-color: var(--background-primary);
  color: var(--text-normal);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

a {
  color: var(--text-accent);
  text-decoration: none;
}

a:hover {
  color: var(--text-accent-hover);
  text-decoration: underline;
}

code, pre {
  font-family: var(--font-monospace);
  background-color: var(--code-background);
  color: var(--code-normal);
}