/**
 * @file
 * Always-dark scope (otb_core/tokens.on-dark).
 *
 * `.otb-on-dark` gives its subtree the values the front theme's tokens.css
 * sets under [data-theme="dark"], so a component on a dark ground needs no
 * dark variant of its own, in either theme. It sets tokens and text colour
 * only; the ground is the caller's (background: var(--color-bg-primary)).
 *
 * DesignTokensTest fails if a value here drifts from the theme's dark block.
 */

.otb-on-dark {
  --color-primary: var(--color-primary-on-dark, #e84484);
  --color-link: var(--color-primary-on-dark, #e84484);
  --color-focus-ring: var(--color-primary-on-dark, #e84484);
  --color-text-primary: #cccccc;
  --color-text-muted: #aaaaaa;
  --color-text-heading: #ffffff;
  --color-text-dark: #cccccc;
  --color-bg-primary: #1c1c1c;
  --color-bg-surface: #2a2a2a;
  --color-bg-card: #2a2a2a;
  --color-border-light: #333333;
  --color-border-medium: #555555;

  color: var(--color-text-primary);
}