:root {
  --background-color: #141529; /* Layout.Background // Background */
  --shadow-color: rgba(0, 0, 0, 0.2); /* Elevation.Level1 */

  --header-bg-color: #030518cc; /* header-colors -> Colors.Background */
  --header-icon-color: #F9F0FC; /* header-colors -> Colors.Icon */

  --card-bg-color: #0c0d1b; /* Surface.Base.Background */
  --card-text-color: #ffffff; /* Surface.Base.Foreground */
  --card-divider-color: #464353; /* Surface.Base.Dimmed */
  --card-border-color: linear-gradient(90deg, #ff00ff, #00C6FA); /* Layout.BrandBorder */
  --card-link-color: #16F87F; /* TextColors.LinkText */
  --card-icon-color: #16F87F; /* TextColors.LinkText */

  --footer-bg-color: #0c0d1b; /* Surface.Base.Background */
  --footer-text-color: #ffffff; /* Surface.Base.Foreground */
}