/**
 * dsalathe Design System - Font Definitions
 *
 * Fonts: Inter (sans-serif), JetBrains Mono (monospace)
 *
 * This file uses Bunny Fonts (https://fonts.bunny.net) - a privacy-respecting,
 * GDPR-compliant font CDN with no tracking. For true self-hosting, see the
 * README for instructions on downloading and hosting fonts yourself.
 *
 * Usage:
 *   <link rel="stylesheet" href="https://static.dsalathe.dev/css/dsalathe-fonts.css">
 *   <link rel="stylesheet" href="https://static.dsalathe.dev/css/dsalathe-tokens.css">
 *
 * @version 1.0.0
 */

/* ============================================
 * INTER - Primary sans-serif font
 * Clean, modern, Swiss-inspired
 * ============================================ */

/* Bunny Fonts CDN (privacy-respecting alternative to Google Fonts) */
@import url('https://fonts.bunny.net/css?family=inter:300,400,500,600,700&display=swap');

/* ============================================
 * JETBRAINS MONO - Monospace font
 * Technical, developer-friendly
 * ============================================ */

@import url('https://fonts.bunny.net/css?family=jetbrains-mono:400,500,600,700&display=swap');

/* ============================================
 * FONT FACE FALLBACKS
 * For when CDN is unavailable
 * ============================================ */

/* System font stack fallback */
@supports not (font-variation-settings: normal) {
  body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  }

  code, pre, kbd {
    font-family: 'SF Mono', Monaco, 'Courier New', monospace;
  }
}

/* ============================================
 * SELF-HOSTED FONTS (Optional)
 *
 * To self-host fonts:
 * 1. Download Inter: https://rsms.me/inter/
 * 2. Download JetBrains Mono: https://www.jetbrains.com/lp/mono/
 * 3. Place WOFF2 files in /fonts/ directory
 * 4. Uncomment the @font-face rules below
 * 5. Remove the @import rules above
 * ============================================ */

/*
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/Inter-Light.woff2') format('woff2');
}

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

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

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

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

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

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

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

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