/* Define style colors here */
:root {
  --def-color-background: #f9fafb;

  --def-color-heading: #111827;

  --def-color-text: #374151;
  --def-color-text-secondary: #6b7280;
  --def-color-text-disabled: #9ca3af;

  --def-color-card-background: #ffffff;

  --def-color-border: #e5e7eb;

  --def-color-section-background: #f3f4f6;

  --def-color-accent: #2563eb;
}


/* Define font here */
:root {
  --def-font-family: monospace;
  --def-font-size: 12pt;
}

/* Define default for all */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Set global style */
html {
  background-color: var(--def-color-background);
  color: var(--def-color-text);

  font-family: var(--def-font-family);
  font-size: var(--def-font-size);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--def-color-heading);
}