:root {
  --av-midnight: #07070a;
  --av-deep: #0b1220;
  --av-silver: #c0c7d1;
  --av-frost: #e6e9ef;
  --av-shadow-glass: 0 20px 60px rgba(0, 0, 0, 0.35);
}

html,
body {
  font-family:
    "Manrope",
    system-ui,
    -apple-system,
    sans-serif;
}

.bg-midnight {
  background-color: var(--av-midnight);
}

.bg-deep {
  background-color: var(--av-deep);
}

.bg-midnight\/60 {
  background-color: rgba(7, 7, 10, 0.6);
}

.bg-midnight\/70 {
  background-color: rgba(7, 7, 10, 0.7);
}

.bg-deep\/80 {
  background-color: rgba(11, 18, 32, 0.8);
}

.bg-deep\/95 {
  background-color: rgba(11, 18, 32, 0.95);
}

.bg-silver {
  background-color: var(--av-silver);
}

.bg-silver\/10 {
  background-color: rgba(192, 199, 209, 0.1);
}

.bg-silver\/70 {
  background-color: rgba(192, 199, 209, 0.7);
}

.text-midnight {
  color: var(--av-midnight);
}

.text-silver {
  color: var(--av-silver);
}

.text-silver\/40 {
  color: rgba(192, 199, 209, 0.4);
}

.text-silver\/50 {
  color: rgba(192, 199, 209, 0.5);
}

.text-silver\/60 {
  color: rgba(192, 199, 209, 0.6);
}

.text-silver\/70 {
  color: rgba(192, 199, 209, 0.7);
}

.text-silver\/80 {
  color: rgba(192, 199, 209, 0.8);
}

.text-silver\/90 {
  color: rgba(192, 199, 209, 0.9);
}

.text-frost {
  color: var(--av-frost);
}

.border-silver\/50 {
  border-color: rgba(192, 199, 209, 0.5);
}

.border-silver\/60 {
  border-color: rgba(192, 199, 209, 0.6);
}

.from-deep\/80 {
  --tw-gradient-from: rgba(11, 18, 32, 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(11, 18, 32, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-deep\/90 {
  --tw-gradient-from: rgba(11, 18, 32, 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(11, 18, 32, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-midnight\/80 {
  --tw-gradient-to: rgba(7, 7, 10, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    rgba(7, 7, 10, 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-midnight {
  --tw-gradient-to: #07070a var(--tw-gradient-to-position);
}

.shadow-glass {
  box-shadow: var(--av-shadow-glass);
}
