/**
 * Obliczanki.pl - Centralized Font Configuration
 *
 * SINGLE SOURCE OF TRUTH for all fonts across the entire application.
 * Change fonts here and they apply everywhere: main screen, template builder, print.
 *
 * This file is imported FIRST in both index.php and template-builder.php
 * to ensure CSS variables are available to all other stylesheets.
 *
 * @version 1.0.0
 * @author Michał Głębowski
 */

:root {
    /* Main UI font - Encode Sans Light 300 (non-condensed) */
    --font-main: 'Encode Sans', Arial, Helvetica, sans-serif;
    --font-weight-main: 300;

    /* Header font - Encode Sans Semi-Bold 600 */
    --font-headers: 'Encode Sans', Arial, Helvetica, sans-serif;
    --font-weight-headers: 600;

    /* Monospace font - for math expressions and symbols */
    --font-mono: 'Courier New', Courier, monospace;

    /* Symbol font - for UTF-8 mathematical operators */
    --font-symbols: 'Arial Unicode MS', 'Lucida Sans Unicode', Arial, sans-serif;

    /* Exercise expressions font - configurable via template settings */
    --font-exercises: var(--font-exercises-override, var(--font-mono));
}

/**
 * HOW TO CHANGE FONTS:
 *
 * BODY TEXT:
 * 1. Update Google Fonts link in BOTH index.php and template-builder.php
 *    Example: https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap
 *
 * 2. Update --font-main variable above
 *    Example: --font-main: 'Roboto', Arial, sans-serif;
 *
 * 3. (Optional) Update --font-weight-main if using different weight
 *    Example: --font-weight-main: 400;
 *
 * HEADERS:
 * 1. Update Google Fonts link to include header weight
 *    Example: https://fonts.googleapis.com/css2?family=Roboto:wght@300;600&display=swap
 *
 * 2. Update --font-headers and --font-weight-headers variables above
 *    Example: --font-headers: 'Roboto', Arial, sans-serif;
 *             --font-weight-headers: 600;
 *
 * That's it! Changes apply to entire site automatically.
 */