:root {
    /* --- White / Off-white --- */
    --white: #ffffff; /* 19 */
    --light: #F2F4EF; /* 11 */
    --table-warning-text: #f3f4f0; /* 1 */
    --table-stripe-even: #fcfcfc; /* 1 */
    --bg-box: #f9fafa; /* 3 */
    --table-header-bg: #f8f9fa; /* 1 */
    --leaderboard-btn-hover-text: #f7f7f7; /* 1 */
    --bg-panel-content: #f5f5f5; /* 1 */
    --bg-tournament: #f3f3f3; /* 4 */
    --table-border-light: #f1f1f1; /* 1 */
    --bg-panel: #efefef; /* 2 */
    --nav-link: rgba(255, 255, 255, 0.85); /* 1 */
    --nav-hover-bg: rgba(255, 255, 255, 0.1); /* 1 */

    /* --- Grey --- */
    --bg-hover-light: #d3d3d3; /* 1 */

    --bg-played: #d3d3d3; /* 2 */
    --table-border: #d3d3d3; /* 2 */
    --border-separator: #d3d3d3; /* 7 */
    --border-box: #d3d3d3; /* 4 */
    --shadow-grey: #d3d3d3; /* 6 */
    --border-grey: #d3d3d3; /* 1 */
    --shadow-box-light: #d3d3d3; /* 2 */
    --leaderboard-btn-bg: #e9e9e9; /* 1 */
    --leaderboard-btn-border: #bcbcbc5e; /* 1 */
    --leaderboard-btn-hover-bg: #bbbbbb; /* 1 */
    --bg-delay: #d3d3d3; /* 1 */
    --bg-title-grey: #d3d3d3; /* 2 */
    --shadow-dark-grey: #d3d3d3; /* 2 */
    --border-ultra-light: #d3d3d3; /* 2 */
    --badge-system-bg: gray; /* 1 */

    /* --- Black / Dark --- */
    --text-dark: #505050; /* 2 */
    --card-grey: #454545; /* 2 */
    --border-delay: #373737; /* 1 */
    --dark: #324846; /* 2 */
    --card-black: #231f1f; /* 2 */
    --diagram-player-color: black; /* 1 */
    --nav-shadow: rgba(0, 0, 0, 0.25); /* 1 */
    --shadow-soft: rgba(0, 0, 0, 0.15); /* 2 */
    --orange-shadow: rgba(0, 0, 0, 0.125); /* 2 */
    --shadow-softer: rgba(0, 0, 0, 0.1); /* 1 */
    --table-stripe-odd: rgba(0, 0, 0, 0.03); /* 1 */

    /* --- Green --- */
    --bg-body-start: #e8f0ea; /* 1 */
    --bg-winner-green: #00ef0017; /* 1 */
    --nav-gradient-start: #1f5533; /* 4 */
    --bg-send-btn: #1740275c; /* 2 */
    --nav-gradient-end: #153d25; /* 4 */
    --link-hover: #173a25; /* 1 */
    --text-played: #149107; /* 1 */
    --badge-player-bg: green; /* 1 */

    /* --- Teal / Blue-green --- */
    --bg-current-player: #a5c0adc4; /* 1 */
    --i1: #79A2AA; /* 4 */
    --i1op: #79A2AAa3; /* 2 */
    --bg-winner-light: #79a2aa40; /* 1 */
    --bg-message-odd: #79a2aa29; /* 1 */

    /* --- Blue --- */
    --table-hover: rgba(13, 110, 253, 0.08); /* 2 */

    /* --- Yellow / Gold --- */
    --bg-forced: #ffe1a8; /* 1 */
    --i2: #c7f3c7; /* 4 */
    --nav-active-bg: rgba(199, 153, 55, 0.3); /* 1 */
    --nav-sub-active-bg: rgba(199, 153, 55, 0.18); /* 1 */
    --text-warning: darkorange; /* 1 */

    /* --- Orange --- */
    --bs-orange-rgb: 253, 126, 20; /* 3 */
    --orange-base: #fd7e14; /* 10 */
    --orange-hover: #e66a05; /* 3 */
    --orange-hover-border: #d96404; /* 1 */
    --orange-active: #d96404; /* 1 */
    --orange-active-border: #cc5e04; /* 1 */

    /* --- Red / Pink --- */
    --error-red: #ff2828; /* 5 */
    --bg-loser-red: #ff00001a; /* 1 */
    --badge-director-bg: #dc3545; /* 2 */
    --bg-danger: #dc3545; /* 1 */
    --card-red-light: #cd0000; /* 2 */
    --card-red-dark: #aa0000; /* 2 */
    --text-danger: red; /* 2 */
    --bg-forbidden: #d72411; /* 1 */

    /* --- Wine --- */
    --wine-base: #a8232a; /* btn-wine */
    --wine-hover: #8f1e24;
    --wine-active: #7a191f;

    /* --- Brown --- */
    --i3: #A35D43; /* 8 */
    --brown-hover: #7f4733;
    --brown-active: #74412f;
    --call-not-active: #6855553b; /* 1 */

    /* --- Compass --- */
    --compass-green-light: #81C784; /* 1 */
    --compass-green: #4CAF50; /* 1 */
    --compass-green-dark: #43a047; /* 1 */
    --compass-red: #fb1d1d; /* 1 */
    --compass-red-light: #ff6767; /* 1 */

    /* --- Seat indicators --- */
    --seat-icon-seat-end: rgba(145, 255, 145, 1); /* 1 */
    --seat-icon-seat-border: #428542; /* 1 */
    --seat-icon-seat-mid: rgba(66, 163, 143, 1); /* 1 */
    --seat-icon-seat-start: rgba(15, 145, 125, 1); /* 1 */
    --seat-icon-not-seat-end: rgba(242, 211, 211, 1); /* 1 */
    --seat-icon-not-seat-border: #cf5d5d; /* 1 */
    --seat-icon-not-seat-mid: rgba(194, 29, 29, 1); /* 1 */
    --seat-icon-not-seat-start: rgba(179, 0, 0, 1); /* 1 */
    --seat-icon-inactive-end: rgba(200, 200, 200, 1); /* 1 */
    --seat-icon-inactive-border: #999; /* 1 */
    --seat-icon-inactive-mid: rgba(160, 160, 160, 1); /* 1 */
    --seat-icon-inactive-start: rgba(130, 130, 130, 1); /* 1 */

    /* --- Bid colors --- */
    --bid-trump: #c2e7fe; /* 1 */
    --bid-trump-label: #063f8c; /* 2 */
    --bid-spade: #adb8c6; /* 1 */
    --bid-spade-label: #011128; /* 2 */
    --bid-heart: #ffccd1; /* 1 */
    --bid-heart-label: #ac1500; /* 3 */
    --bid-diamond: #fcdab6; /* 1 */
    --bid-diamond-label: #d06801; /* 2 */
    --bid-club: #e0e5eb; /* 1 */
    --bid-club-label: #5d6e7c; /* 2 */
    --bid-pass: #00a335; /* 1 */
    --bid-pass-border: #008219; /* 1 */
    --bid-db: #e52e1c; /* 1 */
    --bid-rdb: #049db7; /* 1 */
    --bid-rdb-border: #077794; /* 1 */
}