/* Include this file in the Roundcube Elastic skin's custom stylesheet. */
:root {
  --2c-primary: #07057b;
  --2c-accent: #ffcc2a;
  --2c-ink: #171717;
  --2c-surface: #fbfaf7;
}

body,
.html,
#layout-content {
  color: var(--2c-ink);
  background-color: var(--2c-surface);
}

a,
.btn-primary,
.button,
.toolbar a,
#taskbar a {
  color: var(--2c-primary);
}

.btn-primary,
button.mainaction,
input.button.mainaction {
  border-color: var(--2c-primary);
  background-color: var(--2c-primary);
  color: #fff;
}

.btn-primary:hover,
button.mainaction:hover,
input.button.mainaction:hover {
  border-color: var(--2c-accent);
  background-color: var(--2c-accent);
  color: var(--2c-primary);
}

input:focus,
select:focus,
textarea:focus,
button:focus-visible,
a:focus-visible {
  outline: 2px solid var(--2c-accent);
  outline-offset: 2px;
}