:root {
    color-scheme: light;

    /* TotoFiks ortak marka paleti */
    --color-main: #6c4dbd;
    --color-main-rgb: 108, 77, 189;
    --color-second: #a28bd8;
    --color-second-rgb: 162, 139, 216;
    --color-header: #625a70;
    --color-header-bold: #433a52;
    --color-line: #ded8e9;
    --color-line-bold: #c9bedb;
    --color-gray: #f1eef7;
    --color-red: #dc3545;
    --color-light-gray: #6c4dbd12;
    --color-bold-gray: #7c738a;
    --color-btn: #6c4dbd;
    --color-btn-bold: #56389f;
    --color-emphasis: #f4cf64;

    /* Durum ve sağlayıcı renkleri: tüm ekranlar bu semantik tokenları kullanır. */
    --status-success: #198754;
    --status-success-rgb: 25, 135, 84;
    --status-on-success: #fff;
    --status-success-soft: #eaf7f0;
    --status-danger: #c43d4f;
    --status-danger-rgb: 196, 61, 79;
    --status-on-danger: #fff;
    --status-danger-soft: #fff0f2;
    --status-warning: #8a6500;
    --status-warning-rgb: 138, 101, 0;
    --status-warning-soft: #fff7df;
    --status-info: #2f6fb2;
    --status-info-rgb: 47, 111, 178;
    --status-info-soft: #eaf3fb;

    /* Kupon sonuç hücreleri (doğru/yanlış tercih, kolon, maç sayısı): tüm kuponlar bu iki arka planı kullanır. */
    --result-success-alpha: .24;
    --result-danger-alpha: .28;
    --result-success-bg: rgba(var(--status-success-rgb), var(--result-success-alpha));
    --result-danger-bg: rgba(var(--status-danger-rgb), var(--result-danger-alpha));
    --provider-accent: #c75b0a;
    --provider-accent-rgb: 199, 91, 10;
    --provider-accent-strong: #a94c08;
    --provider-on-accent: #fff;

    --bg-color-blue-light: #5f83d6;
    --bg-color-blue: #3564c4;
    --bg-color-purple-light: #8f73d0;
    --bg-color-purple: #6c4dbd;
    --bg-color-orange: #fd7e14;
    --bg-color-red: #dc3545;
    --bg-color-green: #198754;
    --bg-color-black: #000;

    /* Açık tema: lavanta-beyaz yüzeyler */
    --theme-bg: #f7f5fb;
    --theme-bg-rgb: 247, 245, 251;
    --theme-bg-light: #fbfaff;
    --theme-bg-dark: #272330;
    --theme-bg-second: #eeeaf6;
    --theme-box: #fff;
    --theme-box-rgb: 255, 255, 255;
    --theme-box-light: #f1edf8;
    --theme-text: #fff;
    --theme-text-light: #fff;
    --theme-text-black: #252130;
    --theme-text-black-light: #6a6277;
    --theme-text-rgb: 37, 33, 48;
    --theme-muted-rgb: 106, 98, 119;
    --theme-on-primary: #fff;
    --theme-on-primary-rgb: 255, 255, 255;
    --theme-scroll-track: #eeeaf6;
    --theme-scroll-thumb: #8d73cb;
    --theme-scroll-thumb-hover: #6c4dbd;

    --primary-color: var(--color-main);
    --primary-soft: rgba(var(--color-main-rgb), .11);
    --primary-shadow: 0 10px 24px rgba(var(--color-main-rgb), .2);
    --page-bg: var(--theme-bg);
    --surface-bg: var(--theme-box);
    --input-bg: var(--theme-bg-light);
    --text-primary: var(--theme-text-black);
    --text-secondary: var(--theme-text-black-light);
    --text-muted: var(--color-bold-gray);
    --border-color: var(--color-line);
    --danger-color: var(--color-red);
    --card-shadow: 0 18px 48px rgba(67, 58, 82, .09);
}

body.dark-mode,
html[data-theme="dark"] {
    color-scheme: dark;

    /* Mevcut koyu temanın siyah yüzeyleri korunur. */
    --theme-bg: #0a0a0a;
    --theme-bg-rgb: 10, 10, 10;
    --theme-bg-second: #141414;
    --theme-bg-light: #1c1c1c;
    --theme-box: #1c1c1c;
    --theme-box-rgb: 28, 28, 28;
    --theme-box-light: #171c1f;
    --theme-bg-dark: #171c1f;
    --theme-text-light: #c7c7c7;
    --theme-text-black: #fff;
    --theme-text-black-light: #c7c7c7;
    --theme-text-rgb: 255, 255, 255;
    --theme-muted-rgb: 199, 199, 199;
    --color-line: #454545;
    --color-line-bold: #555;
    --color-header: #c7c7c7;
    --color-header-bold: #fff;
    --color-gray: #1c1c1c;
    --color-light-gray: #ffffff0d;
    --color-bold-gray: #a8a8a8;
    --status-success: #2fbf71;
    --status-success-rgb: 47, 191, 113;
    --status-on-success: #071b10;
    --status-success-soft: #102b1d;
    --status-danger: #ff8e9a;
    --status-danger-rgb: 255, 142, 154;
    --status-on-danger: #351014;
    --status-danger-soft: #3a1b1e;
    --status-warning: #f6cb55;
    --status-warning-rgb: 246, 203, 85;
    --status-warning-soft: #302b18;
    --status-info: #69baff;
    --status-info-rgb: 105, 186, 255;
    --status-info-soft: #112c3a;
    --result-success-alpha: .16;
    --result-danger-alpha: .14;
    --provider-accent: #ff9b55;
    --provider-accent-rgb: 255, 155, 85;
    --provider-accent-strong: #e8782b;
    --provider-on-accent: #1f0d03;
    --theme-scroll-track: #141414;
    --theme-scroll-thumb: #7257b5;
    --theme-scroll-thumb-hover: #8d73cb;
    --card-shadow: 0 18px 48px rgba(0, 0, 0, .34);
}