/* ============================================================
   RYNO BET — UNIVERSAL GAME THEME (darker)
   One source of truth: every game consumes these exact tokens.
   Font = home page stack. Orange primary. Dark slate surfaces.
   ============================================================ */
:root,
.ryn-theme {
  /* darker app + surfaces — neutral (no blue cast) */
  --ryn-bg: #0c0f11;
  --ryn-surface-1: #11161a;
  --ryn-surface-2: #151b20;
  --ryn-surface-3: #1a2228;
  --ryn-overlay: rgba(4, 6, 8, 0.82);
  --ryn-border: #232e35;
  --ryn-border-strong: #2f3d45;

  /* text */
  --ryn-text: #e9edef;
  --ryn-text-2: #b0b8bd;
  --ryn-text-muted: #79848a;

  /* brand accents */
  --ryn-primary: #ff7900;
  --ryn-primary-hover: #ff8f26;
  --ryn-primary-active: #d96700;
  --ryn-success: #2fbf74;
  --ryn-danger: #ff5c7a;

  /* type */
  --ryn-font: -apple-system, "Segoe UI", Roboto, sans-serif;
}

.ryn-theme, .ryn-theme * {
  font-family: var(--ryn-font) !important;
}

/* universal button look */
.ryn-theme .ryn-btn,
.ryn-theme button.ryn-btn {
  background: var(--ryn-primary);
  border: 1px solid var(--ryn-primary);
  color: #241302;
  border-radius: 10px;
  font-weight: 700;
}
.ryn-theme .ryn-btn:hover { background: var(--ryn-primary-hover); }

/* universal modal/popup look */
.ryn-theme .ryn-modal {
  background: var(--ryn-surface-2);
  border: 1px solid var(--ryn-border-strong);
  border-radius: 16px;
  color: var(--ryn-text);
  box-shadow: 0 24px 60px var(--ryn-overlay);
}