/*
 * Shared casino status contrast
 *
 * Observation and holding-tank cards keep a dark header in both themes.
 * Use opaque surfaces and explicit foreground colours so light-theme
 * variables cannot turn a dark header's title into dark-on-dark text.
 */

/* Dark theme (and trading mode, which intentionally uses a dark palette). */
.status-yellow {
    background: #7c2d12;
    border: 1px solid #fb923c;
    color: #fff;
}

/* The observation ribbon itself is a dark, opaque orange surface. */
.observation-stripe {
    background: #9a3412;
    border: 1px solid #fb923c;
    color: #fff;
}

/* These headers remain dark even when the surrounding page is light. */
.observation-card .casino-card-header,
.holding-tank-card .casino-card-header {
    background: #3d2200;
    color: #fff;
}

.observation-card .casino-card-header h3,
.holding-tank-card .casino-card-header h3 {
    color: #fff;
}

/*
 * Light mode uses a solid pale orange badge with dark text. Keep this
 * explicitly out of trading mode: data-mode="trading" is the site's dark
 * palette and wins over data-theme="light".
 */
html[data-theme="light"]:not([data-mode="trading"]) .status-yellow {
    background: #ffedd5;
    border-color: #c2410c;
    color: #9a3412;
}