/* ===== 德州扑克 · 赌桌台账主题 ===== */

:root {
    color-scheme: dark;

    /* 毛毡台面（由外到内） */
    --felt-900: #030907;
    --felt-800: #07130E;
    --felt-800-transparent: rgba(7, 19, 14, 0);
    --felt-700: #0D2118;
    --felt-600: #173629;
    --felt-line: rgba(221, 175, 67, 0.26);

    /* 固定夜间玻璃层 */
    --glass-felt-bg: rgba(3, 12, 8, 0.36);
    --glass-felt-bg-soft: rgba(3, 12, 8, 0.3);
    --glass-felt-filter: blur(14px) saturate(140%);
    --glass-gold-bg: rgba(217, 169, 59, 0.28);
    --glass-gold-bg-soft: rgba(217, 169, 59, 0.12);
    --glass-gold-bg-hover: rgba(217, 169, 59, 0.4);
    --glass-gold-bg-soft-hover: rgba(217, 169, 59, 0.2);

    /* dealer button 金 */
    --gold: #DDAF43;
    --gold-soft: #F2CF73;
    --gold-deep: #B88924;

    /* 发到桌面的「牌面」象牙色 */
    --card: #14221B;
    --card-2: #1A2922;
    --card-edge: #35483E;

    /* 牌面上的墨色文字 */
    --ink: #F4F1E8;
    --ink-soft: #A6B0AA;

    /* 语义色：赢 / 亏 / 平 */
    --win: #4CCB7D;
    --loss: #FF6B74;
    --push: #A1ABA5;

    /* 牌面上的高亮 */
    --hl-win: rgba(76, 203, 125, 0.14);
    --hl-loss: rgba(255, 107, 116, 0.14);

    --ivory-on-felt: #F4F1E8;
    --ivory-dim: rgba(244, 241, 232, 0.7);

    /* 固定夜间控件与图表语义色 */
    --control-bg: #1A2922;
    --control-bg-focus: #21352A;
    --select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 6l5 5 5-5' stroke='%23f4f1e8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --chart-text: #B8C2BC;
    --chart-grid: rgba(244, 241, 232, 0.13);
    --chart-axis: rgba(244, 241, 232, 0.3);
    --chart-tooltip-bg: #14221B;
    --chart-tooltip-text: #F4F1E8;
    --chart-tooltip-border: #B88924;

    --radius: 18px;
    --radius-sm: 10px;

    --font-body: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;
    --font-display: 'Noto Serif SC', 'Noto Sans SC', Georgia, serif;
    --font-mono: 'JetBrains Mono', 'SFMono-Regular', 'Roboto Mono', ui-monospace, monospace;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}