/* Font Configuration for OtakuLogs
 * This is your central font configuration file.
 * Change fonts here and they will be applied throughout the site.
 * 
 * To change fonts in the future:
 * 1. Update the Google Fonts import in Layout.astro
 * 2. Update the font family definitions below
 * 3. Save and refresh!
 */

:root {
  /* FONT CONFIGURATION - CHANGE FONTS HERE */
  
  /* Headlines Font - Currently: Anton */
  --font-headlines: 'Anton', Impact, Arial Black, sans-serif;
  
  /* Body Text Font - Currently: Source Code Pro */
  --font-body: 'Source Code Pro', 'Fira Code', Consolas, 'Monaco', 'Cascadia Code', 'Roboto Mono', monospace;
  
  /* UI Elements Font - Currently: Inter */
  --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  
  /* Meta Text Font - Currently: Inter */
  --font-meta: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  
  /* FONT WEIGHTS */
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  
  /* FONT SIZES */
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  
  /* LEGACY SUPPORT - Don't change these */
  --font-heading: var(--font-headlines);
  --font-sans: var(--font-ui);
}

/* EXAMPLE: To change to different fonts, replace the imports in Layout.astro:
 * 
 * For example, to use Oswald + Roboto + Inter:
 * 
 * In Layout.astro:
 * <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
 * 
 * Then update above:
 * --font-headlines: 'Oswald', Impact, Arial Black, sans-serif;
 * --font-body: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
 * --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
 * --font-meta: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
 */