@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
@import url('https://api.fontsource.org/v2/fonts/monaspace-krypton/latin-400-normal.css');
@import url('https://api.fontsource.org/v2/fonts/monaspace-krypton/latin-700-normal.css');

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

:root {
  --font-headers: 'PPEditorialNew-Regular', system-ui, sans-serif;
  --font-body: 'Space Grotesk', system-ui, sans-serif;
  --font-mono: 'Monaspace Krypton Var', 'SF Mono', monospace;
}

body {
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-headers);
  font-weight: 400;
  line-height: 1.2;
}

code, pre, .font-mono {
  font-family: var(--font-mono);
}

.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
  font-family: var(--font-headers);
  font-weight: 400;
}

.prose p, .prose li {
  font-family: var(--font-body);
}

nav, button, .btn {
  font-family: var(--font-headers);
  font-weight: 400;
}

/* Breadcrumb navigation styling - consistent sizing for all elements */
.breadcrumb, .breadcrumb-nav, [class*="breadcrumb"] {
  font-family: var(--font-headers) !important;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
}

/* Specific breadcrumb elements - ensure all text is same size */
.breadcrumb ol {
  font-family: var(--font-headers) !important;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
}

.breadcrumb a, .breadcrumb span, .breadcrumb li {
  font-family: var(--font-headers) !important;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
}

/* Target all breadcrumb text elements specifically */
.breadcrumb .text-muted-foreground,
.breadcrumb .text-foreground,
.breadcrumb span,
.breadcrumb a {
  font-family: var(--font-headers) !important;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
}

/* Ensure consistent sizing across all breadcrumb states */
.breadcrumb .flex-shrink-0,
.breadcrumb .min-w-0,
.breadcrumb .truncate {
  font-family: var(--font-headers) !important;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
}

/* Override any responsive text sizing in breadcrumbs */
.breadcrumb .text-sm {
  font-size: 1.1rem !important;
}

/* Ensure all breadcrumb links and spans have consistent sizing */
.breadcrumb a span,
.breadcrumb span span,
.breadcrumb li span {
  font-family: var(--font-headers) !important;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
}

/* Target specific breadcrumb text classes */
.breadcrumb .max-w-\[4rem\],
.breadcrumb .max-w-\[3rem\],
.breadcrumb .max-w-\[6rem\],
.breadcrumb .max-w-\[8rem\],
.breadcrumb .max-w-\[12rem\],
.breadcrumb .max-w-\[16rem\] {
  font-family: var(--font-headers) !important;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
}

/* Header sections and navigation */
header, .header, nav, .nav, .navigation {
  font-family: var(--font-headers) !important;
}

/* Site title and main headers */
.site-title, .site-name, h1, .h1 {
  font-family: var(--font-headers) !important;
  font-weight: 400 !important;
}

/* Cursor behavior is handled by custom-cursors.css */