/* Astalgo Midnight. Generated from brand.json. Fonts: fonts/approved/brand-fonts.css */
:root {
  --astalgo-midnight: #142B49;
  --astalgo-ivory: #F5F6F8;
  --astalgo-silver-blue: #B9C8DB;
  --astalgo-deep-ink: #0D1D33;
  --astalgo-raised-blue: #1D3858;
  --astalgo-dark-background: var(--astalgo-midnight);
  --astalgo-dark-text: var(--astalgo-ivory);
  --astalgo-dark-secondary-text: var(--astalgo-silver-blue);
  --astalgo-light-background: var(--astalgo-ivory);
  --astalgo-light-text: var(--astalgo-midnight);
  --astalgo-dark-button-fill: var(--astalgo-silver-blue);
  --astalgo-dark-button-text: var(--astalgo-midnight);
  --astalgo-light-button-fill: var(--astalgo-midnight);
  --astalgo-light-button-text: var(--astalgo-ivory);
  --astalgo-satin: linear-gradient(125deg, transparent 10%, #B9C8DB12 38%, transparent 65%), radial-gradient(ellipse at 82% -35%, #6486A8 0%, #35597E 27%, #1D3858 53%, #142B49 73%, #0D1D33 100%);
  --astalgo-silver-finish: linear-gradient(135deg, #435875 0%, #B9C8DB 14%, #F5F6F8 23%, #647E9B 32%, #243B56 53%, #B9C8DB 77%, #F5F6F8 84%, #344D69 100%);
}
.astalgo-satin-surface { background-color: var(--astalgo-midnight); background-image: var(--astalgo-satin); color: var(--astalgo-ivory); }
.astalgo-silver-rule { height: 2px; background-color: var(--astalgo-silver-blue); background-image: var(--astalgo-silver-finish); }