/**
 * Központi téma változók – az AppThemeManager alap palettájával szinkronban.
 * Csak az alap színek literálisan; a többi ezekből származik.
 */
:root {
    /* Alap színek (AppThemeManager alapértékei) */
    --app-color-primary: #1b6ec2;
    --app-color-primary-dark: #1861ac;
    --app-color-secondary: #7b1fa2;
    --app-color-success: #06d79c;
    --app-color-surface: #ffffff;
    --app-color-background: #f5f5f5;
    --app-color-gray-medium: #e0e0e0;
    --app-color-table-header: #e9ecef;
    --app-color-modal-overlay: rgba(0, 0, 0, 0.5);
    --app-color-drawer-text: rgba(0, 0, 0, 0.7);

    /* Származtatott (ne módosítsd) */
    --app-color-page-bg: var(--app-color-background);
    --app-color-card-bg: var(--app-color-surface);
    --app-color-tab-toolbar-bg: var(--app-color-gray-medium);
    --app-color-table-header-bg: var(--app-color-table-header);
    --app-color-card-header-bg: var(--app-color-table-header);
    --app-color-tab-panel-bg: var(--app-color-surface);
    --app-color-appbar-bg: var(--app-color-primary);
    --app-color-drawer-bg: var(--app-color-surface);
    --app-color-gray-light: var(--app-color-background);
    --app-color-link: var(--app-color-primary);

    /* Betűméretek – alap 1.1rem */
    --app-font-size-base: 1.1rem;
    --app-font-size-body1: 1.1rem;
    --app-font-size-body2: 0.96rem;
    --app-font-size-table-cell: 1.1rem;
    --app-font-size-caption: 0.75rem;
    --app-font-size-h4: 1.5rem;
    --app-font-size-h6: 1.25rem;

    /* Betűtípus */
    --app-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/*
 * A betűméretek csak akkor lépnek életbe, ha az app.css vagy más CSS felülírja
 * a html/body font-size-át és a MudBlazor .mud-typography-* osztályait
 * var(--app-font-size-*) változókkal. app.css-ben be van állítva.
 */