/* mail.shibiko.ai (wrangler env shibiko, MAIL_THEME): the game inbox's HUD shapes in Shibiko's colors
   (talent.shibiko.ai): charcoal greys, orange accent, plain cursors. Loaded after inbox.css. */
@import url('/stars.css');

:root {
  --space: #121212;
  --hull: #1f1f1f;
  --row: #2f2f2f;
  --line: #3b3b3b;
  --twitch: #ff8a00;
  --twitch-hi: #ffad4d;
  --twitch-deep: #df8100;
  --glow: 255 138 0;
  --space-rgb: 18 18 18;
  --hull-rgb: 31 31 31;
  --deep-rgb: 24 24 24;
  --hazard: #ff8a00;
  --mail-dark: 1; /* inbox.js: mail recolored for a dark reader (dark-mail.js) */
}

html,
:where(a[href], button:not(:disabled), summary, label[for], select, [role='button']) {
  cursor: auto;
}

:where(a[href], button:not(:disabled), summary, label[for], select, [role='button']) {
  cursor: pointer;
}

::selection {
  background: #ff8a00;
  color: #121212;
}

.pill.primary {
  color: #121212;
}

.logo img {
  width: 28px;
  border: 2px solid var(--twitch);
  border-radius: 50%;
  transform: none;
}

.logo i {
  color: var(--text);
}

/* Over the stars (stars.css, a fixed layer at z-index 0) */
.gate,
#app {
  position: relative;
  z-index: 1;
}

/* Mail over the stars: see-through black instead of white paper */
#reader iframe,
#reader pre {
  background: rgb(0 0 0 / 0.6);
}