/* ==========================================================================
   NEXUS INFORMATIKA
   Fájl.............: variables.css
   Modul............: Változók
   Verzió...........: 1.0.0

   Feladata:
   A teljes weboldal központi változóinak kezelése.

========================================================================== */

:root{

    /* ==========================================================
       SZÍNEK
    ========================================================== */

    --color-primary: #0078D4;
    --color-primary-dark: #005FA3;

    --color-background: #0F172A;
    --color-surface: #1E293B;

    --color-text: #FFFFFF;
    --color-text-secondary: #CBD5E1;

    --color-border: #334155;

    --color-success: #22C55E;
    --color-warning: #F59E0B;
    --color-danger: #EF4444;


    /* ==========================================================
       BETŰMÉRETEK
    ========================================================== */

    --font-xs: 0.75rem;
    --font-sm: 0.875rem;
    --font-md: 1rem;
    --font-lg: 1.25rem;
    --font-xl: 2rem;
    --font-xxl: 3rem;


    /* ==========================================================
       TÁVOLSÁGOK
    ========================================================== */

    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 6rem;


    /* ==========================================================
       KEREKÍTÉSEK
    ========================================================== */

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;


    /* ==========================================================
       ÁRNYÉKOK
    ========================================================== */

    --shadow-sm: 0 2px 10px rgba(0,0,0,.15);
    --shadow-md: 0 6px 20px rgba(0,0,0,.25);
    --shadow-lg: 0 12px 40px rgba(0,0,0,.35);


    /* ==========================================================
       ANIMÁCIÓK
    ========================================================== */

    --transition-fast: .20s;
    --transition-normal: .35s;
    --transition-slow: .60s;


    /* ==========================================================
       ELRENDEZÉS
    ========================================================== */

    --header-height: 90px;

    --container-width: 1500px;

    --section-padding: 100px;

    --gap-sm: 20px;
    --gap-md: 30px;
    --gap-lg: 40px;


    /* ==========================================================
       KOMPATIBILITÁSI VÁLTOZÓK
    ========================================================== */

    --bg-body: var(--color-background);

    --bg-header: rgba(15,23,42,.90);

    --bg-surface: var(--color-surface);

    --text-primary: var(--color-text);

    --text-secondary: var(--color-text-secondary);

    --border-color: var(--color-border);

}