/* ==========================================================================
   variables.css — Global renk paleti ve tasarım değişkenleri
   ========================================================================== */

:root {
    /* Arka planlar */
    --background-main: #2f3545;
    --background-dark: #242a38;
    --background-sidebar: #293141;
    --background-card: #343b4c;
    --background-card-hover: #3b4457;

    /* Kenarlıklar */
    --border-color: #444d61;

    /* Metin */
    --text-primary: #f0f2f5;
    --text-secondary: #aeb7c7;

    /* Vurgu renkleri */
    --active-color: #70bfd8;
    --active-color-dark: #4a9ab6;

    /* Oyun içi para ve durum renkleri */
    --gold-color: #e5b653;
    --green-color: #9caf5d;
    --red-color: #dc6868;
    --orange-color: #d99759;

    /* Overlay */
    --overlay-color: rgba(20, 25, 35, 0.82);

    /* Ölçüler */
    --sidebar-width: 250px;
    --topbar-height: 70px;

    /* Kenar yuvarlaklığı (küçük tutuldu — nostaljik masaüstü hissi) */
    --radius-sm: 3px;
    --radius-md: 4px;

    /* Gölge (hafif) */
    --shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.25);
    --shadow-modal: 0 6px 24px rgba(0, 0, 0, 0.45);

    /* Yazı tipleri */
    --font-base: Arial, "Roboto", "Open Sans", "Segoe UI", sans-serif;

    /* Katman sıralaması */
    --z-sidebar: 40;
    --z-topbar: 50;
    --z-overlay: 900;
    --z-modal: 1000;
    --z-toast: 1100;
}