/* RateWise C · világos, ritmusos marketing színrendszer
   A valódi admin és vendégfelület saját komponensszíneihez nem nyúl. */
:root { color-scheme: light; }

body.rw-funnel {
  --navy-950: #10264c;
  --navy-900: #172b49;
  --navy-800: #203b63;
  --navy-700: #38536f;
  --blue-600: #1048b2;
  --blue-500: #1459d9;
  --blue-400: #4b88ee;
  --blue-300: #78adfa;
  --blue-200: #b9d5ff;
  --blue-100: #eef4ff;
  --paper-50: #ffffff;
  --paper-100: #f3f6fe;
  --paper-200: #e9eff9;
  --paper-300: #d4dfef;
  --surface-base: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #f3f6fe;
  --surface-accent: #eef4ff;
  --text-primary: #172b49;
  --text-secondary: #5b6d84;
  --text-tertiary: #8190a4;
  --text-accent: #1459d9;
  --border-hairline: rgba(23, 43, 73, .10);
  --border-default: #d4dfef;
  --border-focus: #1459d9;
  --action-bg: #1459d9;
  --logo-from: #1459d9;
  --logo-to: #78adfa;
  --logo-arc: #1459d9;
  --logo-dot: #78adfa;
  background: #fff;
}

/* Fejléc és navigáció: áttetsző fehér felület, azonos kontraszttal minden oldalon. */
body.rw-funnel .site-header {
  background: rgba(255, 255, 255, .92);
  border-bottom-color: #dbe4f2;
  box-shadow: 0 8px 28px -28px rgba(23, 43, 73, .45);
}
body.rw-funnel .site-header .rw-word .a,
body.rw-funnel .site-header .nav a,
body.rw-funnel .site-header .nav button { color: #39516e; }
body.rw-funnel .site-header .nav a:hover,
body.rw-funnel .site-header .nav button:hover,
body.rw-funnel .site-header .nav a[aria-current="page"] { color: #172b49; }
body.rw-funnel .site-header .nav > a[aria-current="page"] {
  color: #1459d9;
  background: #eef4ff;
}
body.rw-funnel .mobile-menu { background: #f3f6fe; }
body.rw-funnel .mobile-cta { background: rgba(16, 38, 76, .94); }

/* A világos felületek között finom kék ritmus váltakozik. */
body.rw-funnel .section { background: #fff; }
body.rw-funnel .section[data-theme="soft"],
body.rw-funnel .section.alt,
body.rw-funnel .alt-section,
body.rw-funnel .rw-funnel-soft { background: #f3f6fe; }
body.rw-funnel .page-hero {
  background:
    radial-gradient(ellipse 62% 72% at 92% 8%, rgba(120, 173, 250, .20), transparent 68%),
    linear-gradient(135deg, #ffffff 0%, #f3f6fe 100%);
}
body.rw-funnel .page-hero + .section { border-top: 1px solid rgba(212, 223, 239, .55); }
body.rw-funnel .site-footer { background: #f3f6fe; border-top: 1px solid #dbe4f2; }

/* Kártyák és tartalmi modulok: tiszta fehér felület, kékes határ és lágy mélység. */
body.rw-funnel :is(.card, .alt-visual, .case-step, .area-item, .detail-panel,
  .form-card, .question-card, .ac-item, .theme-card, .legal-meta,
  .article-cta, .post-card, .hub-card) {
  border-color: #dbe4f2;
  box-shadow: 0 14px 34px -32px rgba(23, 43, 73, .38);
}
body.rw-funnel :is(.card, .alt-visual, .case-step, .area-item, .detail-panel,
  .form-card, .question-card, .ac-item, .theme-card, .post-card, .hub-card):hover {
  border-color: #92b6f5;
  box-shadow: 0 20px 42px -32px rgba(20, 89, 217, .34);
}
body.rw-funnel :is(.badge, .cmp-ico, .filter-row button[aria-pressed="true"],
  .seg, .pill[data-tone="accent"]) { background: #eef4ff; }
body.rw-funnel :is(.legal-meta, .article-cta, .alert-card, .demo-topbar) { background: #f3f6fe; }

/* Az elsődleges interakciók közös RateWise-kékje. */
body.rw-funnel .btn[data-variant="primary"],
body.rw-funnel .btn[data-variant="primary"]:hover { background: #1459d9; }
body.rw-funnel .btn[data-variant="primary"]:hover { background: #1048b2; }
body.rw-funnel .btn[data-variant="secondary"] { border-color: #c8d7ed; }
body.rw-funnel .btn[data-variant="secondary"]:hover { border-color: #1459d9; color: #1459d9; }
body.rw-funnel .mega-item:hover { background: #1459d9; }

/* A sötét lezáró, értékajánlat- és CTA-sávok maradnak fókuszpontok. */
body.rw-funnel :is(#closing, .rw-closing, .rb-next, .rw-research) {
  --surface-base: #10264c;
  --surface-raised: #172b49;
  --surface-sunken: #172b49;
  --surface-accent: rgba(120, 173, 250, .16);
  --text-primary: #ffffff;
  --text-secondary: #c8d8ef;
  --text-tertiary: #a9bfdc;
  --text-accent: #9bc2ff;
  background: linear-gradient(125deg, #10264c, #1d4a91);
}
body.rw-funnel :is(#closing, .rw-closing, .rb-next, .rw-research) .btn[data-variant="primary"] { background: #ffffff; color: #1459d9; }
body.rw-funnel :is(#closing, .rw-closing, .rb-next, .rw-research) .btn[data-variant="primary"]:hover { background: #eef4ff; color: #1048b2; }

/* Az oldalankénti világos szekciók színei is az új palettára simulnak. */
body.rw-funnel .rb-benefits,
body.rw-funnel .rprice-comparison { background: linear-gradient(180deg, #f3f6fe, #fff); }
body.rw-funnel .rb-insight,
body.rw-funnel .rprice-closing-panel { background: #eef4ff; border-color: #d4dfef; }
body.rw-funnel .rprice-selector-bar { background: rgba(255,255,255,.96); }

@media (prefers-reduced-motion: reduce) {
  body.rw-funnel * { scroll-behavior: auto; }
}