/* ==========================================================================
   VARIABLES.CSS - Design rendszer
   ========================================================================== */

:root {
    --color-bg-dark:    #111111;
    --color-bg-card:    #1a1a1a;
    --color-bg-surface: #222222;

    --color-text-main:  #f4f1ea;
    --color-text-muted: #aaaaaa;

    --color-accent-red:    #e62020;
    --color-accent-yellow: #ffb800;
    --color-accent-green:  #2ecc40;

    --font-heading: 'Anton', sans-serif;
    --font-body:    'Roboto', sans-serif;

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;

    --header-height: 72px;

    --safe-top:    env(safe-area-inset-top, 0px);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    --safe-left:   env(safe-area-inset-left, 0px);
    --safe-right:  env(safe-area-inset-right, 0px);
}