:root {
    --offside-black: #242129;
    --primary-color: #D94646;
    --base-white: #FFFFFF;
    --base-gray: #F6F6F6;
    --true-black: #000000;
    --sof-dark: #3D3649;
    --secondary-line: #EFEFEF;
    --passive-tab: #E3E3E3;
    --secondary-menu-passive-gray: #BFBFBF;
    --reading-gray: #959297;
    --on-tap-passive-gray-on-white: #D9D9D9;
    --medium-gray: #686868;
    --dark-gray: #554F60;
    --w-color: #DBFFE3;
    --l-color: #FFDBDB;
    --d-color: #EFEFEF;

    /* ── Game — Temel ── */
    --game-black:                 #000;        /* Altın rozet yazısı — dark modda değişmez */
    --game-black-soft:            #1a1a1a;
    --game-black-deep:            #121214;     /* CG kart numarası — dark modda değişmez */
    --game-white:                 #fff;        /* Koyu/renkli zeminler üstündeki metin — dark modda değişmez */
    --game-filter-white:                 #fff;        /* Koyu/renkli zeminler üstündeki metin — dark modda değişmez */

    /* ── Game — Metin ── */
    --game-text-dark:             #333;
    --game-text-dark-alt:         #444;
    --game-text-mid:              #555;
    --game-text-mid-alt:          #666;
    --game-text-muted:            #888;
    --game-text-hint:             #999;
    --game-text-light:            #aaa;
    --game-text-faint:            #ccc;

    /* ── Game — Kenarlık ── */
    --game-border-card:           #F0F0F0;
    --game-border-subtle:         #eee;
    --game-border-light:          #F5F5F5;
    --game-border-input:          #E0E0E0;

    /* ── Game — Açık arkaplan ── */
    --game-bg-subtle:             #FAFAFA;
    --game-bg-light:              #F8F8F8;
    --game-bg-row:                #F7F7F7;

    /* ── Game — Karanlık arkaplan (oyun markası, dark modda değişmez) ── */
    --game-bg-dark:               #141414;
    --game-bg-dark-alt:           #1e1e1e;
    --game-bg-near-black:         #111;
    --game-bg-colgame:            #0E1422;
    --game-bg-mom:                #1a1820;
    --game-bg-sm:                 #130f1e;
    --game-bg-cg-icon-start:      #3a3a40;
    --game-bg-cg-icon-end:        #222226;
    --game-bg-lg-sphere:          #2e2e2e;

    /* ── Game — Vurgu / eylem ── */
    --game-accent:                #e65147;
    --game-accent-glow-sm:        rgba(230, 81, 71, 0.4);
    --game-accent-glow-lg:        rgba(230, 81, 71, 0.6);
    --game-red:                   #e03131;
    --game-red-hover:             #c92a2a;
    --game-red-lose:              #d63031;
    --game-red-pow:               #e63946;

    /* ── Game — Durum ── */
    --game-green:                 #4CAF50;
    --game-green-dark:            #2E7D32;
    --game-green-darkest:         #1B5E20;
    --game-green-mid:             #43A047;
    --game-green-bright:          #22c55e;
    --game-green-win:             #2db84b;
    --game-green-pale:            #E8F5E9;
    --game-green-lime:            #b6f570;
    --game-red-negative:          #E53935;
    --game-gray-neutral:          #9E9E9E;

    /* ── Game — Altın / sıcak ── */
    --game-gold:                  #d4c18d;
    --game-gold-badge-start:      #F9E5B0;
    --game-gold-badge-end:        #E3B168;
    --game-gold-bar:              #C9A84C;
    --game-star:                  #f5a623;

    /* ── Game — Özel ── */
    --game-purple-deep:           #4a148c;
    --game-pink-light:            #FFC2C2;

    /* ── Game — Kart gradyan renkleri (oyun markası, dark modda değişmez) ── */
    --game-card-collector-violet: #E2C9FD;
    --game-card-collector-yellow: #FFF3CC;
    --game-card-collector-blue:   #C3F3FF;
    --game-card-lineup-purple:    #5D556B;
    --game-card-reporter-red-e:   #8C2525;
    --game-card-mom-yellow-s:     #FFF8CC;
    --game-card-mom-yellow-e:     #E8C173;
    --game-card-pow-blue-s:       #56D1FF;
    --game-card-pow-blue-e:       #006793;
    --game-card-sm-purple-s:      #B895BF;
    --game-card-sm-purple-e:      #7A1BE4;
    --game-card-pot-green-s:      #CCFFD9;
    --game-card-pot-green-e:      #73E8AE;
    --game-card-gift-purple-s:    #9A8BB5;
    --game-card-gift-purple-e:    #685F76;
    --game-card-xi-pink-s:        #E7A6C6;
    --game-card-xi-pink-e:        #C2185B;
}

[data-theme="dark"] {
    --base-white: #1E1B25;
    --base-gray: #252230;
    --true-black: #F0EEF5;
    --secondary-line: #38354A;
    --passive-tab: #38354A;
    --on-tap-passive-gray-on-white: #38354A;
    --reading-gray: #B0ADB5;
    --secondary-menu-passive-gray: #6B6875;
    --medium-gray: #A0A0A0;
    --dark-gray: #A09AAB;
    --w-color: #1A3B22;
    --l-color: #3B1A1A;
    --d-color: #38354A;

    /* ── Game — yalnızca aydınlık arayüz renkleri ters çevrilir ── */
    --game-black-soft: #e8e5f0;
    --game-filter-white: #1a1a1a;
    --game-text-dark: #d5d2de;
    --game-text-dark-alt: #c5c2ce;
    --game-text-mid: #b0adb8;
    --game-text-mid-alt: #9e9aa8;
    --game-text-muted: #807d8a;
    --game-text-hint: #706d7a;
    --game-border-card: #38354a;
    --game-border-subtle: #38354a;
    --game-border-light: #2d2a38;
    --game-border-input: #3d3a4a;
    --game-bg-subtle: #252230;
    --game-bg-light: #252230;
    --game-bg-row: #1e1b25;
    --game-green-pale: #1a3322;
    --game-pink-light: #3b2020;
}



.primary-box-shadow {
    box-shadow: 0px 2px 2px #00000012;
}

.br-10 {
    border-radius: 10px;
}

.br-10-top-corners {
    border-radius: 10px 10px 0 0;
}

.br-10-bottom-corners {
    border-radius: 0 0 10px 10px;
}

.br-6 {
    border-radius: 6px;
}

.br-5 {
    border-radius: 5px;
}

.br-3 {
    border-radius: 3px;
}

.br-left-5 {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.br-right-5 {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}