/* ChargeWiseHub master theme — one palette for every page.
   Brand: near-black navy surfaces, cyan accent, Amazon yellow CTA. */
:root{
  /* brand tokens (used by the newer dark pages) */
  --cwh-bg:#020810; --cwh-bg-soft:#060d18; --cwh-card:#0b1420; --cwh-card-2:#101d2e;
  --cwh-border:#1b2a3d; --cwh-text:#e8eef7; --cwh-muted:#8ab4d4;
  --cwh-cyan:#00d4ff; --cwh-cyan-dim:#00a3c4; --cwh-amazon:#ffc107;
  /* shadcn / tailwind token overrides — forces the app pages onto the dark brand palette */
  --background:214 78% 4%; --foreground:216 48% 94%;
  --card:214 49% 8%; --card-foreground:216 48% 94%;
  --popover:214 48% 12%; --popover-foreground:216 48% 94%;
  --primary:190 100% 50%; --primary-foreground:207 78% 5%;
  --secondary:214 48% 12%; --secondary-foreground:216 48% 94%;
  --muted:214 49% 8%; --muted-foreground:206 46% 69%;
  --accent:200 60% 12%; --accent-foreground:190 100% 60%;
  --destructive:0 72% 51%; --destructive-foreground:0 0% 100%;
  --border:214 39% 17%; --input:214 39% 17%; --ring:190 100% 50%;
  --amazon:45 100% 51%; --amazon-foreground:0 0% 6%;
  --star:45 100% 51%; --success:145 65% 45%; --warning:38 92% 50%;
  color-scheme:dark;
}
html{background:var(--cwh-bg)}
html body{background:var(--cwh-bg) !important;color:var(--cwh-text)}
/* keep the brand navy even where a page sets a slightly different black */
body.bg-background{background:var(--cwh-bg) !important}
/* Amazon CTA stays yellow with dark text everywhere */
a[href*="amazon.com.au"],.btn-amazon,.btn-buy-amazon{background-color:var(--cwh-amazon) !important;color:#0a0f16 !important}
/* links inside content use the brand cyan */
.prose a,article a{color:var(--cwh-cyan)}
::selection{background:var(--cwh-cyan);color:#04121a}
/* thin dark scrollbar so it matches the theme */
*{scrollbar-color:#22374d var(--cwh-bg);scrollbar-width:thin}

/* editorial hero photo used on guide and review pages */
.cwh-hero-img{display:block;width:calc(100% - 48px);max-width:1100px;margin:28px auto 10px;border-radius:16px;border:1px solid var(--cwh-border);box-shadow:0 18px 44px rgba(0,0,0,.45);aspect-ratio:16/9;height:auto;object-fit:cover}
@media (max-width:640px){.cwh-hero-img{width:100%;border-radius:0;margin:16px auto 4px}}

/* TYPOGRAPHY: one family sitewide (Inter) */
html,body,input,textarea,select,button{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
h1,h2,h3,h4,h5,h6{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
h1{font-weight:800;letter-spacing:-.022em;line-height:1.1}
h2{font-weight:800;letter-spacing:-.018em;line-height:1.15}
h3{font-weight:700;letter-spacing:-.01em}
h4{font-weight:700}