/* ==========================================================================
   Premium Fonts for Modern UI (Local)
   ========================================================================== */

/* Inter Font Family - Local */
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter/web/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter/web/Inter-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter/web/Inter-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

/* Manrope Font Family - Static Weights */
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/manrope/static/Manrope-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/manrope/static/Manrope-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/manrope/static/Manrope-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/manrope/static/Manrope-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/manrope/static/Manrope-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ==========================================================================
   Typography System
   ========================================================================== */

:root {
  /* Font Families */
  --font-primary: 'Inter', 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-headings: 'Manrope', 'Inter', 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  
  /* Font Weights */
  --fw-light: 300;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;
  
  /* Letter Spacing */
  --ls-tight: -0.025em;
  --ls-normal: 0;
  --ls-wide: 0.025em;
  --ls-wider: 0.05em;
}

/* Base Typography */
body {
  font-family: var(--font-primary);
  font-weight: var(--fw-normal);
  letter-spacing: var(--ls-tight);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-headings);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--ls-tight);
  line-height: 1.2;
}

/* Navbar Typography */
.navbar-brand {
  font-family: var(--font-headings);
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-wide);
}

.nav-link {
  font-family: var(--font-primary);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-normal);
}

/* Button typography moved to unified buttons.css system */

/* Card Typography */
.card-title {
  font-family: var(--font-headings);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--ls-tight);
}

/* Dropdown Typography */
.dropdown-item {
  font-family: var(--font-primary);
  font-weight: var(--fw-normal);
  letter-spacing: var(--ls-normal);
}

.dropdown-header {
  font-family: var(--font-headings);
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-wider);
  text-transform: uppercase;
  font-size: 0.75rem;
}