/* @import url('https://fonts.googleapis.com/css2?family=Gloock&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Yarndings+12&display=swap'); */


/* Import local font */
/* @font-face {
  font-family: 'DmSerifDisplay';
  src: url("/fonts/DM_Serif_Display/DMSerifDisplay-Regular.ttf") format('truetype'),
       url("/fonts/DM_Serif_Display/DMSerifDisplay-Italic.ttf") format('truetype');
  font-weight: normal;
  font-style: normal; */
/* } */


/* Base Spacing */
:root {
  --base-spacing: 14px;
  --color-primary: #4b5b7f;
  --color-primary: #1a1a1a;
  --color-red: #b35555;
  --color-danger: #b35555;
  --color-highlight: yellow;
  --color-success: green;
  --color-orange: rgba(255, 99, 0, 1);
  --form-radius: 0px;
  --button-radius: 0px;
  --color-box: white;
  /* Use Roboto Mono as the default app-wide stack for non-heading text */
  --font-stack-sans-serif: 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  /* Keep Open Sans-like stack (Inter) for headings only */
  --font-stack-headings: 'Inter', -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  --font-stack-serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --font-stack-monospace: 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --font-stack-symbols: 'Yarndings 12', cursive;
}

/* Media Queries */
@media (max-width: 768px) {
  /* Mobile specific styles */
}

@media (min-width: 1024px) {
  /* Desktop specific styles */
}

@media (min-width: 768px) {
  /* Tablet specific styles */
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* Tablet-only specific styles */
}