/* =========================================================================
   onlinegames.hu — alapok
   Színek, tipográfia, alapértelmezett elemek. Minden más fájl ezekre épül.
   ========================================================================= */

:root {
    color-scheme: only light;

    /* --- Márkaszínek (a logóból) --- */
    --ink: #123A56;          /* sötét kontúr */
    --ink-deep: #0E2E45;     /* kemény árnyék */
    --blue: #1E88E5;
    --blue-light: #4FC3F7;
    --blue-dark: #14639F;
    --yellow: #FFD23F;
    --red: #FF4757;
    --green: #2ECC71;

    /* --- Felületek --- */
    --bg: #EEF5FB;
    --surface: #FFFFFF;
    --surface-2: #F7FAFD;
    --text: #12324A;
    --muted: #63829B;
    --line: #DBE8F3;

    --shadow: 0 2px 10px rgba(18, 58, 86, .09);
    --shadow-lift: 0 10px 24px rgba(18, 58, 86, .18);

    --r-card: 16px;
    --r-tile: 14px;

    --display: "Baloo 2", system-ui, sans-serif;
    --body: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

    --rail-w: 220px;
    --ads-w: 300px;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font-family: var(--body);
    font-size: 15px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; }

button {
    font: inherit;
    color: inherit;
    border: 0;
    background: none;
    cursor: pointer;
}

:focus-visible {
    outline: 3px solid var(--blue);
    outline-offset: 2px;
    border-radius: 6px;
}

h1, h2, h3 { font-family: var(--display); margin: 0; }

.visually-hidden {
    position: absolute; width: 1px; height: 1px; overflow: hidden;
    clip: rect(0 0 0 0); white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
    * { transition: none !important; animation: none !important; }
}