/* Airo light color system for public pages outside the homepage and blog.
   Loaded after each page's original styles so layout, typography and behavior stay intact. */
:root:has(body[data-airo-page]) {
  color-scheme: light;
  --bg: #F7F7F7;
  --bg2: #DCECFE;
  --sur: #FFFFFF;
  --sur-h: #DCECFE;
  --sur2: #F4F8FD;
  --bor: rgba(15, 18, 22, .10);
  --bor-h: rgba(12, 133, 254, .38);
  --hair: rgba(15, 18, 22, .08);
  --tx: #0F1216;
  --mu: rgba(15, 18, 22, .62);
  --mu2: rgba(15, 18, 22, .74);
  --y: #0C85FE;
  --yh: #76B8FF;
  --yg: rgba(12, 133, 254, .28);
  --panel: #FFFFFF;
  --soft: #DCECFE;
  --line: rgba(15, 18, 22, .10);
  --text: #0F1216;
  --muted: rgba(15, 18, 22, .62);
  --yellow: #0C85FE;
  --paper: #FFFFFF;
  --ink: #0F1216;
  --blue: #0C85FE;
  --blue-dark: #0874DC;
  --blue-soft: #DCECFE;
  --amber: #0C85FE;
  --amber-soft: #DCECFE;
}

body[data-airo-page] {
  background-color: #F7F7F7 !important;
  color: #0F1216;
}
body[data-airo-page] #grain { opacity: .035; mix-blend-mode: multiply; }
body[data-airo-page] ::selection { background: #0C85FE; color: #FFFFFF; }

body[data-airo-page] .glow-orb--1,
body[data-airo-page] .orb--1,
body[data-airo-page] .orb1 {
  background: radial-gradient(circle, rgba(12,133,254,.16) 0%, transparent 70%) !important;
}
body[data-airo-page] .glow-orb--2,
body[data-airo-page] .orb--2,
body[data-airo-page] .orb2 {
  background: radial-gradient(circle, rgba(118,184,255,.20) 0%, transparent 70%) !important;
}
body[data-airo-page] .glow-orb--3,
body[data-airo-page] .orb--3,
body[data-airo-page] .orb3 {
  background: radial-gradient(circle, rgba(220,236,254,.76) 0%, transparent 70%) !important;
}

body[data-airo-page] .btn-y,
body[data-airo-page] .btn-primary,
body[data-airo-page] button.primary {
  color: #FFFFFF !important;
  background: linear-gradient(180deg, #2797FF 0%, #0C85FE 58%, #0874DC 100%) !important;
  border-color: rgba(12,133,254,.62) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 10px 26px rgba(12,133,254,.24) !important;
}
body[data-airo-page] .btn-y:hover,
body[data-airo-page] .btn-primary:hover,
body[data-airo-page] button.primary:hover {
  background: linear-gradient(180deg, #76B8FF 0%, #0C85FE 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 14px 32px rgba(12,133,254,.30) !important;
}
body[data-airo-page] .btn-ghost,
body[data-airo-page] .btn-g,
body[data-airo-page] .btn-secondary,
body[data-airo-page] .maps-link {
  color: #0F1216 !important;
  background: rgba(255,255,255,.90) !important;
  border-color: rgba(15,18,22,.12) !important;
  box-shadow: 0 8px 22px rgba(15,18,22,.08) !important;
}

/* Shared dark guide family */
body[data-airo-page="guide"] .nav.scrolled .container {
  background: rgba(255,255,255,.88) !important;
  border-color: rgba(15,18,22,.09) !important;
  box-shadow: 0 18px 54px rgba(15,18,22,.12) !important;
}
body[data-airo-page="guide"] .nav-logo {
  color: #0F1216 !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}
body[data-airo-page="guide"] .hero-title,
body[data-airo-page="guide"] .section-title,
body[data-airo-page="guide"] .cta-title {
  color: #0F1216 !important;
  text-shadow: 0 0 30px rgba(118,184,255,.24) !important;
}
body[data-airo-page="guide"] .hero-rule,
body[data-airo-page="guide"] .cta-badge {
  background: rgba(12,133,254,.08) !important;
  border-color: rgba(12,133,254,.20) !important;
}
body[data-airo-page="guide"] .hero-rule-text,
body[data-airo-page="guide"] .warn-box-text,
body[data-airo-page="guide"] .good-box-text {
  color: rgba(15,18,22,.74) !important;
}
body[data-airo-page="guide"] .risk-protect,
body[data-airo-page="guide"] .step-dot,
body[data-airo-page="guide"] .district-tag,
body[data-airo-page="guide"] .fit-box {
  background: rgba(12,133,254,.08) !important;
  border-color: rgba(12,133,254,.22) !important;
}
body[data-airo-page="guide"] .tax-card,
body[data-airo-page="guide"] .rate-row,
body[data-airo-page="guide"] .calc-box,
body[data-airo-page="guide"] .rel-card,
body[data-airo-page="guide"] .pcard,
body[data-airo-page="guide"] .district-card,
body[data-airo-page="guide"] .compare-card {
  background: #FFFFFF !important;
  border-color: rgba(15,18,22,.10) !important;
  box-shadow: 0 12px 34px rgba(15,18,22,.06) !important;
}
body[data-airo-page="guide"] .compare-table td,
body[data-airo-page="guide"] .calc-row,
body[data-airo-page="guide"] .pc-item {
  border-color: rgba(15,18,22,.08) !important;
}
body[data-airo-page="guide"] .cta-section {
  background: radial-gradient(ellipse at 50% 0%, rgba(118,184,255,.30) 0%, transparent 60%) !important;
}
body[data-airo-page="guide"] .cta-right-img {
  filter: drop-shadow(0 0 50px rgba(12,133,254,.14)) !important;
}
body[data-airo-page="guide"] .disclaimer p { color: rgba(15,18,22,.42) !important; }

/* Dreamland landing */
body[data-airo-page="dreamland"] nav {
  background: rgba(255,255,255,.84) !important;
  border-color: rgba(15,18,22,.09) !important;
}
body[data-airo-page="dreamland"] nav .brand,
body[data-airo-page="dreamland"] nav .brand span small { color: #0F1216 !important; }
body[data-airo-page="dreamland"] nav .brand img { filter: none !important; mix-blend-mode: multiply; }
body[data-airo-page="dreamland"] .nav-cta { color: #FFFFFF !important; background: #0C85FE !important; }
body[data-airo-page="dreamland"] .hero h1 { color: #FFFFFF !important; text-shadow: 0 4px 28px rgba(15,18,22,.34); }
body[data-airo-page="dreamland"] .hero-sub { color: rgba(255,255,255,.82) !important; text-shadow: 0 2px 18px rgba(15,18,22,.42); }
body[data-airo-page="dreamland"] .hero-sub b { color: #FFFFFF !important; }
body[data-airo-page="dreamland"] .promo-pill {
  color: #FFFFFF !important;
  background: rgba(12,133,254,.72) !important;
  border-color: rgba(255,255,255,.46) !important;
}
body[data-airo-page="dreamland"] .stat,
body[data-airo-page="dreamland"] .paycard,
body[data-airo-page="dreamland"] .pcard,
body[data-airo-page="dreamland"] .split-media,
body[data-airo-page="dreamland"] .gallery-item {
  background-color: #FFFFFF !important;
  border-color: rgba(15,18,22,.10) !important;
}
body[data-airo-page="dreamland"] .pcard.feat,
body[data-airo-page="dreamland"] .oasis-note,
body[data-airo-page="dreamland"] .cta-box {
  background: linear-gradient(180deg, rgba(220,236,254,.92), #FFFFFF) !important;
  border-color: rgba(12,133,254,.24) !important;
}
body[data-airo-page="dreamland"] .btn-gh {
  background: rgba(255,255,255,.92) !important;
  color: #0F1216 !important;
  border-color: rgba(15,18,22,.12) !important;
}

/* Public selection pages */
body[data-airo-page="selection"] .nav {
  background: rgba(255,255,255,.88) !important;
  border-color: rgba(15,18,22,.10) !important;
}
body[data-airo-page="selection"] .nav-logo img { filter: none !important; mix-blend-mode: multiply; }
body[data-airo-page="selection"] .obj,
body[data-airo-page="selection"] .map-section,
body[data-airo-page="selection"] .selection-how > div {
  background: #FFFFFF !important;
  border-color: rgba(15,18,22,.10) !important;
  box-shadow: 0 12px 34px rgba(15,18,22,.06);
}
body[data-airo-page="selection"] .tile,
body[data-airo-page="selection"] .quick span {
  background: #F4F8FD !important;
  border-color: rgba(15,18,22,.08) !important;
}
body[data-airo-page="selection"] .obj-tag,
body[data-airo-page="selection"] .cta {
  background: linear-gradient(120deg, rgba(220,236,254,.92), rgba(255,255,255,.96)) !important;
  border-color: rgba(12,133,254,.22) !important;
}
body[data-airo-page="selection"] .leaflet-popup-content-wrapper,
body[data-airo-page="selection"] .leaflet-popup-tip {
  background: #FFFFFF !important;
  color: #0F1216 !important;
}
body[data-airo-page="selection"] .map-price { color: #0C85FE !important; }
body[data-airo-page="selection"] .map-pin { background: #0C85FE !important; border-color: #FFFFFF !important; }
body[data-airo-page="selection"] .map-pin::after { background: #FFFFFF !important; }

/* Private selection builder */
body[data-airo-page="selection-admin"] {
  background: radial-gradient(circle at 80% 0, rgba(118,184,255,.24), transparent 34%), #F7F7F7 !important;
}
body[data-airo-page="selection-admin"] .panel,
body[data-airo-page="selection-admin"] .side,
body[data-airo-page="selection-admin"] .card,
body[data-airo-page="selection-admin"] .loginbox,
body[data-airo-page="selection-admin"] .toolbar,
body[data-airo-page="selection-admin"] .how > div {
  background: rgba(255,255,255,.94) !important;
  border-color: rgba(15,18,22,.10) !important;
  box-shadow: 0 14px 38px rgba(15,18,22,.07) !important;
}
body[data-airo-page="selection-admin"] input,
body[data-airo-page="selection-admin"] select,
body[data-airo-page="selection-admin"] textarea {
  color: #0F1216 !important;
  background: #F4F8FD !important;
  border-color: rgba(15,18,22,.12) !important;
}
body[data-airo-page="selection-admin"] .toast { background: #0F1216 !important; color: #FFFFFF !important; }

/* Mediakit */
body[data-airo-page="mediakit"] .nav.scrolled .bar {
  background: rgba(255,255,255,.88) !important;
  border-color: rgba(15,18,22,.10) !important;
  box-shadow: 0 18px 54px rgba(15,18,22,.12) !important;
}
body[data-airo-page="mediakit"] .logo img { filter: none !important; mix-blend-mode: multiply; }
body[data-airo-page="mediakit"] .hero h1,
body[data-airo-page="mediakit"] .h2,
body[data-airo-page="mediakit"] .about-lead,
body[data-airo-page="mediakit"] .hero-strip .num,
body[data-airo-page="mediakit"] .ch-stats .v,
body[data-airo-page="mediakit"] .bar .top b,
body[data-airo-page="mediakit"] .dleg b,
body[data-airo-page="mediakit"] .prow .l .t,
body[data-airo-page="mediakit"] .pkg .pt {
  color: #0F1216 !important;
  text-shadow: none !important;
}
body[data-airo-page="mediakit"] .num-grid .n,
body[data-airo-page="mediakit"] .prow .p .amt {
  text-shadow: 0 0 26px rgba(12,133,254,.24), 0 1px 0 rgba(255,255,255,.72) !important;
}
body[data-airo-page="mediakit"] .hero-strip,
body[data-airo-page="mediakit"] .card,
body[data-airo-page="mediakit"] .hc,
body[data-airo-page="mediakit"] .well,
body[data-airo-page="mediakit"] .ch-stats,
body[data-airo-page="mediakit"] .ch-stats .s,
body[data-airo-page="mediakit"] .bar,
body[data-airo-page="mediakit"] .pkg,
body[data-airo-page="mediakit"] .prow {
  background: #FFFFFF !important;
  border-color: rgba(15,18,22,.10) !important;
  box-shadow: 0 14px 38px rgba(15,18,22,.07) !important;
}
body[data-airo-page="mediakit"] .hero-strip .cell,
body[data-airo-page="mediakit"] .ch-stats .s,
body[data-airo-page="mediakit"] .prow {
  border-color: rgba(15,18,22,.08) !important;
}
body[data-airo-page="mediakit"] .aurora .ab {
  background: radial-gradient(56% 100% at 50% 50%, rgba(12,133,254,.34) 0%, rgba(118,184,255,.20) 40%, transparent 76%) !important;
}
body[data-airo-page="mediakit"] .aurora .al {
  background: linear-gradient(90deg, transparent, rgba(12,133,254,.82) 50%, transparent) !important;
  box-shadow: 0 0 26px rgba(12,133,254,.42) !important;
}
body[data-airo-page="mediakit"] .hc:hover,
body[data-airo-page="mediakit"] .card:hover {
  box-shadow: 0 22px 52px rgba(15,18,22,.10), 0 0 30px rgba(12,133,254,.12) !important;
}
body[data-airo-page="mediakit"] .hc .hci,
body[data-airo-page="mediakit"] .fmt .ico,
body[data-airo-page="mediakit"] .pcol-head .pi,
body[data-airo-page="mediakit"] .chart-period {
  background: linear-gradient(180deg, rgba(220,236,254,.96), rgba(255,255,255,.96)) !important;
  border-color: rgba(12,133,254,.22) !important;
  box-shadow: inset 0 1px 0 #FFFFFF !important;
}
body[data-airo-page="mediakit"] .hero-strip .cell:hover,
body[data-airo-page="mediakit"] .prow:hover { background: rgba(12,133,254,.06) !important; }
body[data-airo-page="mediakit"] .hero-strip .cell::before,
body[data-airo-page="mediakit"] .ch-stats .s::before,
body[data-airo-page="mediakit"] .num-grid .card::before,
body[data-airo-page="mediakit"] .prow::before {
  box-shadow: 0 0 12px rgba(12,133,254,.42) !important;
}
body[data-airo-page="mediakit"] .spot {
  background: radial-gradient(circle 260px at var(--mx,50%) var(--my,50%), rgba(12,133,254,.10), rgba(220,236,254,.28) 35%, transparent 65%) !important;
}
body[data-airo-page="mediakit"] .av,
body[data-airo-page="mediakit"] .ch:hover .av {
  box-shadow: 0 0 0 3px rgba(12,133,254,.10), 0 8px 20px -10px rgba(15,18,22,.20) !important;
}
body[data-airo-page="mediakit"] .chart-title::before {
  box-shadow: 0 0 0 3px rgba(12,133,254,.14), 0 0 12px rgba(12,133,254,.48) !important;
}
body[data-airo-page="mediakit"] .plot::after {
  background: linear-gradient(90deg, transparent, rgba(12,133,254,.18), transparent) !important;
  box-shadow: 0 0 24px rgba(12,133,254,.28) !important;
}
body[data-airo-page="mediakit"] .bar .track { background: #DCECFE !important; }
body[data-airo-page="mediakit"] .bar .fill {
  background: linear-gradient(180deg, #76B8FF, #0C85FE 60%, #0874DC) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 0 14px -2px rgba(12,133,254,.38) !important;
}
body[data-airo-page="mediakit"] .note,
body[data-airo-page="mediakit"] .cta {
  background: linear-gradient(145deg, rgba(220,236,254,.96), rgba(255,255,255,.98)) !important;
  border-color: rgba(12,133,254,.24) !important;
}
body[data-airo-page="mediakit"] .cta h2 { color: #0F1216 !important; }
body[data-airo-page="mediakit"] .pcol::before,
body[data-airo-page="mediakit"] .pkg-inner::before {
  background: radial-gradient(62% 82% at 78% 0%, rgba(12,133,254,.22), transparent 62%),
              radial-gradient(50% 70% at 20% 0%, rgba(118,184,255,.18), transparent 65%) !important;
}
body[data-airo-page="mediakit"] .pkg .badge {
  color: #FFFFFF !important;
  background: linear-gradient(180deg, #76B8FF, #0C85FE 55%, #0874DC) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.52), 0 3px 10px rgba(12,133,254,.24) !important;
}
body[data-airo-page="mediakit"] .money::before {
  background: radial-gradient(circle, rgba(12,133,254,.40), transparent 70%) !important;
}
body[data-airo-page="mediakit"] .cta::before {
  background: radial-gradient(circle, rgba(12,133,254,.16), transparent 70%) !important;
}

/* Already-light legal guides: normalize their blues and remove amber UI accents. */
body[data-airo-page="legal"] {
  background: radial-gradient(circle at top left, rgba(118,184,255,.25), transparent 32rem),
              linear-gradient(180deg, #DCECFE 0, #F7F7F7 34rem) !important;
}
body[data-airo-page="legal"] .brand,
body[data-airo-page="legal"] h1,
body[data-airo-page="legal"] h2,
body[data-airo-page="legal"] h3,
body[data-airo-page="legal"] .mini strong,
body[data-airo-page="legal"] .link-card strong { color: #0F1216 !important; }
body[data-airo-page="legal"] .warning {
  color: #0F1216 !important;
  background: #DCECFE !important;
  border-color: rgba(12,133,254,.22) !important;
}
body[data-airo-page="legal"] .warning strong { color: #0874DC !important; }
body[data-airo-page="legal"] .final {
  background: linear-gradient(135deg, #0C85FE, #0874DC) !important;
}
body[data-airo-page="legal"] .final h2 { color: #FFFFFF !important; }
