/* Inter Font - Privacy-first self-hosted fonts for LinkLiberator */
/* Based on Inter font family - optimized for web use */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Inter Light'), local('Inter-Light'),
       url('./inter-light.woff2') format('woff2'),
       url('./inter-light.woff') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Inter Regular'), local('Inter-Regular'),
       url('./inter-regular.woff2') format('woff2'),
       url('./inter-regular.woff') format('woff');
}

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

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

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

/* CSS Custom Properties for Liberty-themed Typography */
:root {
  /* Typography Scale */
  --font-size-xs: 0.75rem;     /* 12px */
  --font-size-sm: 0.875rem;    /* 14px */
  --font-size-base: 1rem;      /* 16px */
  --font-size-lg: 1.125rem;    /* 18px */
  --font-size-xl: 1.25rem;     /* 20px */
  --font-size-2xl: 1.5rem;     /* 24px */
  --font-size-3xl: 1.875rem;   /* 30px */
  --font-size-4xl: 2.25rem;    /* 36px */
  
  /* Line Heights */
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;
  
  /* Font Families */
  --font-family-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-family-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
  
  /* Liberty-themed Colors */
  --color-liberty-navy: #1a365d;
  --color-freedom-red: #c53030;
  --color-liberty-gold: #d69e2e;
  --color-independence-blue: #2b6cb0;
  --color-constitution-gray: #4a5568;
}

/* Base Typography Reset */
body {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--color-constitution-gray);
}

/* Heading Styles with Liberty Theme */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-primary);
  font-weight: 600;
  line-height: var(--line-height-tight);
  color: var(--color-liberty-navy);
}

h1 { font-size: var(--font-size-4xl); }
h2 { font-size: var(--font-size-3xl); }
h3 { font-size: var(--font-size-2xl); }
h4 { font-size: var(--font-size-xl); }
h5 { font-size: var(--font-size-lg); }
h6 { font-size: var(--font-size-base); }

/* Fallback for systems without Inter font files */
.font-fallback {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Utility Classes for Consistent Typography */
.text-liberty-navy { color: var(--color-liberty-navy); }
.text-freedom-red { color: var(--color-freedom-red); }
.text-liberty-gold { color: var(--color-liberty-gold); }
.text-independence-blue { color: var(--color-independence-blue); }

/* Link Styling with Liberty Theme */
a {
  color: var(--color-independence-blue);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

a:hover {
  color: var(--color-freedom-red);
  text-decoration: underline;
}

/* Privacy-first font loading optimizations */
@media (prefers-reduced-motion: reduce) {
  * {
    font-display: block;
  }
}