/**
 * @file
 * Base element styles for SproetSivero theme
 */

/* CSS Custom Properties - Font Variables */
:root {
  --font-sans: "GAPZuidVG", Verdana, sans-serif;
  --font-serif: "GAPZuidVG", Verdana, sans-serif;
  --font-mono: "GAPMono", Consolas, monospace;
}

/* Ensure GAPZuidVG is used as the primary font */
html {
  font-family: var(--font-serif);
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}

body {
  font-family: var(--font-serif);
  font-size: 1rem;
  line-height: 1.5;
  color: #555;
}

/* Typography hierarchy using GAPZuidVG */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-sans);
  font-weight: 700;
  line-height: 1.3;
}

/* Paragraph and text elements */
p, li, dd, blockquote {
  font-family: var(--font-serif);
  line-height: 1.6;
}

/* Ensure proper rendering in all browsers */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Links */
a {
  font-family: inherit;
}

/* Form elements */
input, textarea, select, button {
  font-family: var(--font-sans);
}

/* Code elements */
code, pre, kbd, samp {
  font-family: var(--font-mono);
}