/* =====================================================================
   theme.css — CSS Custom Properties (CSS variables) base
   A változókat futás közben a theme-loader.js állítja be a kiválasztott
   téma JSON-jéből (themes/<id>.json).
   Lásd: ADR 0006 (Theme system).
   ===================================================================== */

:root {
    /* Default fallback értékek (ha valamiért nem töltődik be JSON) — a "dealunae" alap-tema. */
    --color-primary:        #0B1D33;
    --color-primary-hover:  #142A4A;
    --color-background:     #F5F1E6;
    --color-surface:        #FFFFFF;
    --color-surface-alt:    #FAF7EE;
    --color-accent:         #C8A96A;
    --color-accent-hover:   #B89856;
    --color-text:           #4B5563;
    --color-text-strong:    #1F2937;
    --color-text-on-primary:#F5F1E6;
    --color-text-on-accent: #0B1D33;
    --color-highlight:      #9BAA93;
    --color-border:         #D9D3C2;
    --color-border-strong:  #B6AE9A;
    --color-error:          #B91C1C;
    --color-warning:        #A16207;
    --color-success:        #15803D;
    --color-info:           #0B1D33;

    --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-mono:    'JetBrains Mono', Consolas, 'Courier New', monospace;

    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 1rem;

    --shadow-sm: 0 1px 2px rgba(11, 29, 51, 0.05);
    --shadow-md: 0 4px 8px rgba(11, 29, 51, 0.08);
    --shadow-lg: 0 8px 24px rgba(11, 29, 51, 0.12);
}

/* =====================================================================
   Globális alapok
   ===================================================================== */

html, body {
    margin: 0;
    padding: 0;
    background-color: var(--color-background);
    color: var(--color-text);
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-display);
    color: var(--color-text-strong);
    margin-top: 0;
    line-height: 1.2;
    font-weight: 600;
}

a {
    color: var(--color-primary);
    text-decoration: none;
    transition: color 120ms ease-in-out;
}
a:hover { color: var(--color-accent); }

button {
    font-family: var(--font-body);
    cursor: pointer;
}

/* Egyszerű "Google Fonts"-szerű font-megadás. A betűtípusok a CDN-ről jönnek
   (a App.razor-ban kerül beillesztésre a <link> tag).
   Ha offline / no-CDN telepítés kell, a NuGet-csomag Webfont-Loader hasznos
   lehet, vagy a fontok beépíthetők a wwwroot/fonts alá. */