/*
 * Font Themes for Terminal Tiles
 *
 * Each theme is applied via a class on the .board element.
 * Themes set CSS custom properties consumed by tile.css.
 *
 * Available fonts (load via @font-face or Google Fonts link in HTML):
 *   Airport:  'Share Tech Mono' (Google Fonts, monospace mechanical)
 *   Train:    'Overpass Mono' (Google Fonts, wider European feel)
 *   Diner:    'Arbutus Slab' (Google Fonts, rounded slab serif)
 *   Modern:   'Inter' (Google Fonts, clean sans-serif)
 */

/* ── Airport (default) ── */
.board--theme-airport .tile-face,
.board .tile-face {
    --tile-font: 'Share Tech Mono', 'Courier New', monospace;
    --tile-font-weight: 400;
    --tile-border-radius: 4px;
    font-family: var(--tile-font);
    font-weight: var(--tile-font-weight);
    border-radius: var(--tile-border-radius);
}

/* ── Train Station ── */
.board--theme-train .tile-face {
    --tile-font: 'Overpass Mono', 'Courier New', monospace;
    --tile-font-weight: 600;
    --tile-border-radius: 3px;
    font-family: var(--tile-font);
    font-weight: var(--tile-font-weight);
    border-radius: var(--tile-border-radius);
    letter-spacing: 0.5px;
}

/* ── Retro Diner ── */
.board--theme-diner .tile-face {
    --tile-font: 'Arbutus Slab', 'Georgia', serif;
    --tile-font-weight: 400;
    --tile-border-radius: 6px;
    font-family: var(--tile-font);
    font-weight: var(--tile-font-weight);
    border-radius: var(--tile-border-radius);
}

/* ── Modern Minimal ── */
.board--theme-modern .tile-face {
    --tile-font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --tile-font-weight: 600;
    --tile-border-radius: 2px;
    font-family: var(--tile-font);
    font-weight: var(--tile-font-weight);
    border-radius: var(--tile-border-radius);
    letter-spacing: -0.3px;
}