/* ==========================================================================
   DIGINEST TODO (Diginest) BRAND THEME & TYPOGRAPHY
   Matches Diginest.dev design tokens and JetBrains Mono / Silkscreen font hierarchy.
   ========================================================================== */

/* 1. Define Local Font Faces for Fast, Offline & Privacy-Preserving Loading */
@font-face {
  font-family: 'JetBrains Mono';
  src: url('/fonts/JetBrainsMono-Regular.woff2') format('woff2');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('/fonts/JetBrainsMono-Italic.woff2') format('woff2');
  font-weight: 100 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Silkscreen';
  src: url('/fonts/Silkscreen-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Silkscreen';
  src: url('/fonts/Silkscreen-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Map upstream Quicksand and Open Sans font-family references to JetBrains Mono */
@font-face {
  font-family: 'Open Sans';
  src: url('/fonts/JetBrainsMono-Regular.woff2') format('woff2');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Quicksand';
  src: url('/fonts/JetBrainsMono-Regular.woff2') format('woff2');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

/* 2. Global CSS Custom Properties Override */
:root {
  --family-primary: 'JetBrains Mono', monospace !important;
  --family-secondary: 'JetBrains Mono', monospace !important;
  --family-sans-serif: 'JetBrains Mono', monospace !important;
  --family-monospace: 'JetBrains Mono', monospace !important;
  --family-code: 'JetBrains Mono', monospace !important;
  --body-family: 'JetBrains Mono', monospace !important;
  --code-family: 'JetBrains Mono', monospace !important;
  --font-mono: 'JetBrains Mono', monospace !important;
  --font-dot: 'Silkscreen', monospace !important;
}

/* 3. Universal Element Font Overrides */
html,
body,
#app {
  font-family: 'JetBrains Mono', monospace !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body,
button,
input,
optgroup,
select,
textarea,
p,
span,
label,
a,
li,
td,
th,
div,
section,
main,
nav,
aside {
  font-family: 'JetBrains Mono', monospace !important;
}

/* 4. Headings & Titles */
h1, h2, h3, h4, h5, h6,
.title,
.subtitle,
.image-title,
.username,
.top-menu .menu-list li {
  font-family: 'JetBrains Mono', monospace !important;
  font-weight: 700 !important;
}

/* 5. Bulma / Diginest Class Overrides */
.is-family-primary,
.is-family-secondary,
.is-family-sans-serif,
.is-family-monospace,
.is-family-code {
  font-family: 'JetBrains Mono', monospace !important;
}

/* 6. Form elements and buttons */
.button,
button,
.input,
input,
.select select,
textarea {
  font-family: 'JetBrains Mono', monospace !important;
}

/* 7. Welcome Screen / Brand Accent Styling */
.image-title {
  font-family: 'JetBrains Mono', monospace !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}