/**
 * Sonic Child Theme - Typography Configuration
 *
 * This file overrides the parent theme's typography settings.
 * Customize the CSS variables below for your specific site.
 *
 * To add custom fonts:
 * 1. Add font files to /fonts/ directory
 * 2. Add @font-face declaration here with relative paths
 * 3. Update the CSS variables to use your custom fonts
 *
 * Example custom font implementation (uncomment and customize):
 *
 * @font-face {
 *     font-family: 'YourCustomFont';
 *     src: url('../fonts/your-font.woff2') format('woff2'),
 *          url('../fonts/your-font.woff') format('woff'),
 *          url('../fonts/your-font.ttf') format('truetype');
 *     font-weight: 700;
 *     font-display: swap;
 * }
 */

:root {
    /* Core Structure Fonts - Blank Slate Defaults */
    --bodyFont: Arial, Helvetica, sans-serif;
    --headingFont: Arial, Helvetica, sans-serif;
    --desktopmenuFont: Arial, Helvetica, sans-serif;
    --mobilemenuFont: Arial, Helvetica, sans-serif;

    /* Core Structure Font Sizes - Customize as needed */
    --bodyFont-size: 1rem;
    --headingFont-size-h1: 2rem;
    --headingFont-size-h2: 1.5rem;
    --headingFont-size-h3: 1.17rem;
    --headingFont-size-h4: 1rem;
    --headingFont-size-h5: 0.83rem;
    --footerHeaders-size: 1.1rem;
    --bottomFooter-size: 0.8rem;
}