:root {
    font-size: 16px;
    --line-height: 1.2rem;
    /* game accent */
    --accent-color: #ff2e2b;
    /* main colors */
    --box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    --box-shadow-panel: 0 2px 5px rgba(0, 0, 0, .5);
    --box-shadow-sm: 0 0 3px rgba(0, 0, 0, .3);
    /* --box-shadow-input: 0 0 3px 1px rgba(0, 0, 0, .5); */
    --box-shadow-input: 0 0 3px 1px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .2);
    --box-shadow-panel-inset: inset 0 0 1rem 0 rgba(0, 0, 0, .2);

    --theme-body-color: #111;
    --main-color: #333;
    --main-color-rgb: 51, 51, 51;
    --main1-color: #111;
    --main2-color: #222;
    --main3-color: #505050;
    --main4-color: #666;
    --main5-color: #777;
    --main6-color: #999;
    --main7-color: #b5b5b5;
    /* font colors */
    --font-color: #999;
    --font-placeholder-color: #707070;
    --font-hover-color: #CCC;
    /* --font-dark-color: #4d4d4d; */
    /* --font-muted-color: #606060; */
    --font-dark-color: #505050;
    --font-muted-color: #808080;
    --text-shadow: 0 0 5px rgba(0, 0, 0, .5);
    --text-shadow-header: 0 0 2px rgba(0, 0, 0, .5);
    --color: var(--font-color);
    --color-hover: var(--font-hover-color);
    /* font size */
    --size-16: 1rem;
    --size-15: .9375rem;
    --size-14: .875rem;
    --size-13: .8125rem;
    --size-12: .75rem;
    --size-11: .6875rem;
    --size-10: .625rem;
    --size-9: .5625rem;
    /* text */
    --text-discount: #0eb943;
    --text-money: #29b153;
    --text-points: #d2bd4f;
    --text-merits: #e13cff;
    --text-prestige: #ffa818;
    /* tiers */
    --text-bronze: #CD7F32;
    --text-silver: #C0C0C0;
    --text-gold: #ffd700;
    --text-platinum: #748ffc;
    --text-diamond: #8a3bdb;
    --text-bronze-rgb: 205, 127, 50;
    --text-silver-rgb: 192, 192, 192;
    --text-gold-rgb: 255, 215, 0;
    --text-platinum-rgb: 116, 143, 252;
    --text-diamond-rgb: 138, 59, 231;
    /* layout variables */
    --header-height: 40px;
    --logo-height: 80px;
    --mobile-tab-height: 64px;
    --side-width: 220px;
    --layout-bg: rgba(0, 0, 0, .1);
    --side-border-color: rgba(0, 0, 0, .5);
    /* utility colors */
    --border-radius: .25rem;
    --border-radius-md: .3rem;
    --border-radius-lg: .5rem;
    --border-radius-xl: 1rem;
    --border-color: #111;
    --border-rgb-color: 17, 17, 17;
    --border2-color: rgba(255, 255, 255, .1);
    --honorbar-bg: #000;
    --medal-bg: #111;
    --particles-image-bg: url("../images/particles/particles.png");
    --particles-image-bg-module: url("../../../../themes/crime/images/particles/particles.png");
    --line-pattern-image-bg: url("../images/particles/line-pattern.png");
    --line-pattern-image-bg-module: url("../../../../themes/crime/images/particles/line-pattern.png");
    /* Panel Styles */
    /* --panel-heading: repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(0, 0, 0, .1) 2px, rgba(0, 0, 0, .1) 3px), var(--particles-image-bg), linear-gradient(to top, rgba(0, 0, 0, .6), rgba(0, 0, 0, .2)); */
    --panel-heading: var(--particles-image-bg), linear-gradient(to bottom, transparent, rgba(0, 0, 0, .5));
    /* cars Classes */
    --car_class_S: 255, 215, 0;
    --car_class_A: 255, 78, 54;
    --car_class_B: 208, 22, 255;
    --car_class_C: 0, 252, 21;
    --car_class_D: 55, 148, 255;
    --car_class_E: 190, 190, 190;
    /* stats colors */
    --stats_health: #ca3600;
    --stats_energy: #00c421;
    --stats_will: #0088cc;
    --stats_nerve: #ca7300;
    --stats_exp: #ffd700;
    --stats_wanted: #999;
    /* bg colors */
    --bg-primary-rgb-color: 13, 110, 253;
    --bg-danger-rgb-color: 148, 0, 0;
    --bg-success-rgb-color: 0, 148, 29;
    --bg-info-rgb-color: 0, 117, 148;
    --bg-warning-rgb-color: 148, 76, 0;
    --bg-dark-rgb-color: 68, 68, 68;
    --bg-light-rgb-color: 219, 219, 219;
    --bg-secondary-rgb-color: 119, 119, 119;
    --bg-primary-color: rgb(var(--bg-primary-rgb-color));
    --bg-danger-color: rgb(var(--bg-danger-rgb-color));
    --bg-success-color: rgb(var(--bg-success-rgb-color));
    --bg-info-color: rgb(var(--bg-info-rgb-color));
    --bg-warning-color: rgb(var(--bg-warning-rgb-color));
    --bg-dark-color: rgb(var(--bg-dark-rgb-color));
    --bg-light-color: rgb(var(--bg-light-rgb-color));
    --bg-secondary-color: rgb(var(--bg-secondary-rgb-color));
}

:root body.jail {
    --main-color: #27403e;
    --main2-color: #1a2a29;
    --main3-color: #3d6461;
    --main4-color: #4d7f7b;
    --main5-color: #5a9591;
    --font-color: #80b2ae;
    --font-hover-color: #c0d9d7;
    --font-dark-color: #3a605d;
    --font-muted-color: #477572;
    --border-color: #0d1514;
}

:root body.hospital {
    --main-color: #402727;
    --main2-color: #2a1a1a;
    --main3-color: #643d3d;
    --main4-color: #7f4d4d;
    --main5-color: #955a5a;
    --font-color: #b28080;
    --font-hover-color: #d9c0c0;
    --font-dark-color: #603a3a;
    --font-muted-color: #754747;
    --border-color: #150d0d;
}

:root body.light-theme {

    /* game accent (unchanged for brand consistency) */
    --accent-color: #ff2e2b;

    /* shadows – lighter, softer */
    --box-shadow: 0 2px 5px rgba(0, 0, 0, .08);
    --box-shadow-panel: 0 2px 6px rgba(0, 0, 0, .12);
    --box-shadow-sm: 0 0 3px rgba(0, 0, 0, .12);
    --box-shadow-input: 0 0 3px 1px rgba(0, 0, 0, .15), inset 0 0 0 1px rgba(255, 255, 255, .6);
    --box-shadow-panel-inset: inset 0 0 1rem 0 rgba(255, 255, 255, .2);

    --theme-body-color: #d7d7d7;
    /* main background scale (light-first) */
    --main-color: #ececec;
    --main-color-rgb: 247, 247, 247;
    --main1-color: #c8c8c8;
    --main2-color: #bdbdbd;
    --main3-color: #b5b5b5;
    --main4-color: #d4d4d4;
    --main5-color: #dddddd;
    --main6-color: #e7e7e7;
    --main7-color: #f1f1f1;

    /* typography */
    --font-color: #222;
    --font-placeholder-color: #888;
    --font-hover-color: #000;
    --font-dark-color: #222;
    --font-muted-color: #666;
    --text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
    --text-shadow-header: 0 0 2px rgba(255, 255, 255, 0.5);

    --color: var(--font-color);
    --color-hover: var(--font-hover-color);

    /* layout */
    --layout-bg: rgba(0, 0, 0, .03);
    --side-border-color: rgba(0, 0, 0, .12);

    /* borders */
    --border-color: #d0d0d0;
    --border-rgb-color: 208, 208, 208;
    --border2-color: #818181;

    /* utility backgrounds */
    --honorbar-bg: #eaeaea;
    --medal-bg: #f0f0f0;

    --panel-heading: var(--particles-image-bg), linear-gradient(to bottom, transparent, rgba(0, 0, 0, .5));

    /* stat colors (unchanged – semantic consistency) */
    --stats_health: #ca3600;
    --stats_energy: #00a83c;
    --stats_will: #0077b6;
    --stats_nerve: #ca7300;
    --stats_exp: #d4af37;
    --stats_wanted: #777;

    /* bootstrap-like bg system (tuned for light UI) */
    --bg-primary-rgb-color: 13, 110, 253;
    --bg-danger-rgb-color: 220, 53, 69;
    --bg-success-rgb-color: 25, 135, 84;
    --bg-info-rgb-color: 13, 202, 240;
    --bg-warning-rgb-color: 255, 193, 7;
    --bg-dark-rgb-color: 52, 58, 64;
    --bg-light-rgb-color: 248, 249, 250;
    --bg-secondary-rgb-color: 108, 117, 125;

    --bg-primary-color: rgb(var(--bg-primary-rgb-color));
    --bg-danger-color: rgb(var(--bg-danger-rgb-color));
    --bg-success-color: rgb(var(--bg-success-rgb-color));
    --bg-info-color: rgb(var(--bg-info-rgb-color));
    --bg-warning-color: rgb(var(--bg-warning-rgb-color));
    --bg-dark-color: rgb(var(--bg-dark-rgb-color));
    --bg-light-color: rgb(var(--bg-light-rgb-color));
    --bg-secondary-color: rgb(var(--bg-secondary-rgb-color));
}

:root body.light-theme.jail {
    --main-color: #eef5f4;
    --main2-color: #e1eceb;
    --main3-color: #cfdede;
    --main4-color: #b7cfcd;
    --main5-color: #9fbfbc;
    --font-color: #1f3a38;
    --font-hover-color: #000;
    --font-dark-color: #18302e;
    --font-muted-color: #4f6f6c;
    --border-color: #c1d6d4;
}

:root body.light-theme.hospital {
    --main-color: #f8eeee;
    --main2-color: #f0e1e1;
    --main3-color: #e0caca;
    --main4-color: #cfaeae;
    --main5-color: #be9494;
    --font-color: #3a1f1f;
    --font-hover-color: #000;
    --font-dark-color: #2a1515;
    --font-muted-color: #6f4f4f;
    --border-color: #e0c2c2;
}