/*
 * Project CSS for iptvplanpro.
 * Shared classes for website sections.
 */

:root {
  --ipp-brand-deep: #6B0000;
  --ipp-brand-mid: #8E0000;
  --ipp-brand-warm: #B7180B;
}

html,
body {
  min-height: 100%;
  background-color: #030712 !important;
}

body {
  background-image:
    radial-gradient(circle at 50% 18%, rgba(69, 10, 10, 0.08) 0%, rgba(69, 10, 10, 0) 30%),
    radial-gradient(circle at 88% 78%, rgba(96, 12, 8, 0.04) 0%, rgba(96, 12, 8, 0) 26%);
  background-repeat: no-repeat;
  background-color: #030712 !important;
  color-scheme: dark;
}

.ipp-section-ambient {
  background-color: transparent !important;
  background-image:
    radial-gradient(ellipse 48% 18% at 50% 9%, rgba(183, 24, 11, 0.09) 0%, rgba(142, 0, 0, 0.045) 38%, rgba(107, 0, 0, 0) 74%),
    radial-gradient(ellipse 30% 14% at 63% 12%, rgba(183, 24, 11, 0.035) 0%, rgba(142, 0, 0, 0.018) 42%, rgba(107, 0, 0, 0) 76%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  isolation: isolate;
}

/* Canonical IptvplanPro brand gradient: matches the Choose Your Subscription button. */
.ipp-brand-gradient,
[class*="bg-gradient-to-"][class*="from-red-"][class*="to-orange-"],
[class*="bg-gradient-to-"][class*="from-[#6B0000]"][class*="to-[#FF7300]"],
[class*="bg-gradient-to-"][class*="from-[#6B0000]"][class*="to-[#B7180B]"] {
  --tw-gradient-stops: #6B0000 0%, #8E0000 64%, #B7180B 100% !important;
}

[style*="linear-gradient"][style*="#FF7300"] {
  background-image: linear-gradient(90deg, #6B0000 0%, #8E0000 64%, #B7180B 100%) !important;
}