/*
 * IT HUB – közös stílusalap
 * Csak CSS-változókat (design tokeneket) tartalmaz, elemekre nem hat,
 * így bármelyik oldal biztonságosan behúzhatja:
 *   <link rel="stylesheet" href="../shared/base.css">   (games/ és utils/ mappában)
 * Új oldalnál ezekre a változókra érdemes építeni, hogy egységes legyen az arculat.
 */
:root {
    /* Betűk */
    --hub-font: 'Segoe UI', system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;
    --hub-font-mono: Consolas, 'Courier New', monospace;

    /* Fő színek */
    --hub-gradient: radial-gradient(circle, rgba(62, 152, 247, 1) 0%, rgba(0, 128, 128, 1) 75%);
    --hub-primary: #2563eb;
    --hub-primary-hover: #1d4ed8;
    --hub-accent: rgba(49, 14, 84, 1);
    --hub-surface: #ffffff;
    --hub-text: #2d3748;
    --hub-text-muted: #718096;
    --hub-border: #e2e8f0;

    /* Formák */
    --hub-radius-sm: 6px;
    --hub-radius-md: 8px;
    --hub-radius-lg: 12px;
    --hub-radius-xl: 20px;
    --hub-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
    --hub-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --hub-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.15);
}