/* AmplifySpace for Roundcube's Elastic skin (light theme). The values are
   the panel's light-theme design tokens (design/netonboard-panel.css):
   --brand, --brand-lift, --ink, --ink-2, --edge and --glass-2. Gold never
   appears: it is the logo's alone. */
:root {
  --amp-brand: #0035FF;
  --amp-brand-lift: #3D5FEA;
  --amp-ink: #0B1020;
  --amp-ink-2: #4A5578;
  --amp-edge: rgba(0, 53, 255, .12);
  --amp-glass: rgba(0, 53, 255, .030);
}
html, body, input, select, textarea, button {
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
}
body { color: var(--amp-ink); }
a, a:visited, .link { color: var(--amp-brand); }
.btn-primary, .btn.btn-primary, .formbuttons .btn.mainaction, button.mainaction {
  background-color: var(--amp-brand) !important;
  border-color: var(--amp-brand) !important;
  color: #fff !important;
}
.btn-primary:hover, .btn.mainaction:hover { background-color: var(--amp-brand-lift) !important; }
#layout-menu, .layout-menu { background-color: var(--amp-glass); border-right: 1px solid var(--amp-edge); }
#layout-menu a.selected, #taskmenu a.selected, .listing li.selected, table.records-table tr.selected td {
  background-color: rgba(0, 53, 255, .12) !important;
  color: var(--amp-brand) !important;
}
.header, .header-title, .boxtitle { color: var(--amp-ink); }
.listing li a, table.records-table td { color: var(--amp-ink-2); }
:focus-visible { outline: 2px solid var(--amp-brand); outline-offset: 2px; }