/* Professional Font Stack for SQRAMIT Service Marketplace */

/* Import Google Fonts - Inter (modern, professional) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* Primary Professional Font Stack */
:root {
  --sqramit-font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  --sqramit-font-secondary: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Apply professional fonts to all elements */
body {
  font-family: var(--sqramit-font-primary) !important;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.01em;
}

/* Headings with professional styling */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--sqramit-font-primary) !important;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

/* Professional heading weights */
h1, .h1 {
  font-weight: 700;
  letter-spacing: -0.03em;
}

h2, .h2 {
  font-weight: 600;
  letter-spacing: -0.02em;
}

h3, .h3 {
  font-weight: 600;
}

h4, .h4, h5, .h5, h6, .h6 {
  font-weight: 500;
}

/* Professional button typography */
.btn {
  font-family: var(--sqramit-font-primary) !important;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.btn-lg {
  font-weight: 600;
}

/* Navigation typography */
.navbar-brand {
  font-family: var(--sqramit-font-primary) !important;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.nav-link {
  font-family: var(--sqramit-font-primary) !important;
  font-weight: 500;
  letter-spacing: 0.01em;
}

/* Card and content typography */
.sqramit-card {
  font-family: var(--sqramit-font-primary) !important;
}

.sqramit-card h5 {
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* Form elements */
.form-control, .form-select, .form-label {
  font-family: var(--sqramit-font-primary) !important;
}

.form-label {
  font-weight: 500;
}

/* Professional text variations */
.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: 800 !important;
}

/* Improve readability for service descriptions */
.text-muted {
  color: var(--sqramit-text-muted) !important;
  font-weight: 400;
  line-height: 1.5;
}

/* Professional quote styling */
blockquote {
  font-family: var(--sqramit-font-primary) !important;
  font-weight: 400;
  font-style: italic;
  line-height: 1.6;
}

/* Badge typography */
.badge {
  font-family: var(--sqramit-font-primary) !important;
  font-weight: 500;
  letter-spacing: 0.02em;
}

/* Accordion professional styling */
.accordion-button {
  font-family: var(--sqramit-font-primary) !important;
  font-weight: 500;
}

/* Professional table typography */
table {
  font-family: var(--sqramit-font-primary) !important;
}

th {
  font-weight: 600;
}

/* Override any COMO font usage */
* {
  font-family: var(--sqramit-font-primary) !important;
}

/* Responsive font sizing */
@media (max-width: 768px) {
  body {
    font-size: 0.95rem;
  }

  h1, .h1 {
    font-size: 2rem;
  }

  h2, .h2 {
    font-size: 1.75rem;
  }
}