/* ==========================================================================
   bewiseapps.com About, Privacy and Contact pages: Design.md look (v144, 7 November 2026)
   Loaded last in those pages' heads, after /bw-design.css (shared Design.md tokens and
   family components), so they match the restyled home page (/hub-design.css).
   APPEARANCE ONLY: no wording, links or behaviour are changed.
   ========================================================================== */

:root{
  /* the pages' own tokens, re-pointed so their existing rules follow */
  --navy-deep:var(--d-text); --navy-mid:var(--d-panel); --teal-deep:var(--d-accent);
  --ink:var(--d-text); --ink-soft:var(--d-text-2); --paper:var(--d-canvas); --white:var(--d-panel);
  --gold:var(--d-accent); --gold-dark:var(--d-accent); --line:var(--d-line); --radius:8px;
  --font-display:var(--d-display); --font:var(--d-body);
}

/* header, hero and footer: flat panels with hairlines (no gradients or shadows) */
html body header.site, html body header.cf-head{ background:var(--d-panel) !important; background-image:none !important; border-bottom:1px solid var(--d-line); }
html body :is(.wordmark, .cf-brand){ color:var(--d-text) !important; font-family:var(--d-display) !important; font-weight:600 !important; }
html body :is(.wordmark .logo-mark, .cf-brand img){ filter:none !important; }
html body .wordmark .seal{ background:var(--d-hover) !important; box-shadow:none !important; border:1px solid var(--d-line); border-radius:6px; }
html body :is(.site-tagline, .cf-back){ color:var(--d-text-2) !important; }
html body .cf-back:hover{ color:var(--d-text) !important; }
html body .hero{ background:var(--d-canvas) !important; background-image:none !important; color:var(--d-text) !important; border-bottom:1px solid var(--d-line); }
html body .hero h1{ font-family:var(--d-display) !important; font-weight:500 !important; color:var(--d-text) !important; }
html body .hero p{ color:var(--d-text-2) !important; }
html body .hero-badge{ background:var(--d-accent-tint) !important; border:1px solid var(--d-accent-edge) !important; color:var(--d-accent) !important; border-radius:4px !important; font-family:var(--d-mono); }
html body footer{ background:var(--d-panel) !important; background-image:none !important; color:var(--d-text-2) !important; border-top:1px solid var(--d-line); }
html body footer :is(.footer-contact-label, .footer-meta){ color:var(--d-text-2) !important; }
html body footer .footer-meta{ border-top:1px solid var(--d-line) !important; }
html body footer .footer-email{ color:var(--d-text) !important; text-decoration:underline; text-decoration-color:var(--d-accent); text-underline-offset:4px; font-family:var(--d-body) !important; }

/* buttons */
html body :is(.btn-primary, .choice-btn){ background:var(--d-accent) !important; background-image:none !important; color:var(--d-on-accent) !important; border:1px solid var(--d-accent) !important; border-radius:6px !important; box-shadow:none !important; transform:none !important; font-family:var(--d-body) !important; font-weight:600 !important; padding:8px 16px; }
html body :is(.btn-primary, .choice-btn):hover{ background:var(--d-accent-hover) !important; }
html body .btn-secondary{ background:transparent !important; color:var(--d-text) !important; border:1px solid var(--d-line-input) !important; border-radius:6px !important; transform:none !important; font-family:var(--d-body) !important; padding:8px 16px; }
html body .btn-secondary:hover{ background:var(--d-hover) !important; }

/* page content */
html body .page :is(h1, h2){ font-family:var(--d-display) !important; font-weight:500 !important; color:var(--d-text) !important; }
html body .page :is(p, li){ color:var(--d-text) !important; }
html body .page a{ color:var(--d-text) !important; text-decoration-color:var(--d-accent) !important; text-underline-offset:3px; }
html body .page a:hover{ color:var(--d-accent) !important; }
html body :is(.crumbs, .updated){ color:var(--d-text-2) !important; }
html body .statement{ background:var(--d-panel) !important; border:1px solid var(--d-line) !important; border-left:1px solid var(--d-accent) !important; border-radius:8px !important; box-shadow:none !important; color:var(--d-text) !important; }
html body .applist li{ background:var(--d-panel) !important; border:1px solid var(--d-line) !important; border-radius:8px !important; color:var(--d-text-2) !important; }
html body .applist .ai{ background:var(--d-hover) !important; color:var(--d-accent) !important; border:1px solid var(--d-line); }
html body .tablewrap{ background:transparent !important; border:0 !important; }
html body table.ck{ background:var(--d-panel) !important; }
html body table.ck :is(th, td){ border:1px solid var(--d-line) !important; padding:10px 16px; color:var(--d-text) !important; }
html body table.ck th{ background:var(--d-hover) !important; color:var(--d-text-2) !important; font-weight:500; }
html body :is(.card, .about-inner){ background:var(--d-panel) !important; border:1px solid var(--d-line) !important; border-radius:8px !important; box-shadow:none !important; transform:none !important; }
html body .card-icon{ background:var(--d-hover) !important; box-shadow:none !important; border:1px solid var(--d-line); border-radius:6px !important; }
html body :is(.card-tag, .card .open){ color:var(--d-accent) !important; border-color:var(--d-accent) !important; }
html body :is(.card h3, .about h2, .apps-heading h2){ font-family:var(--d-display) !important; font-weight:500 !important; color:var(--d-text) !important; }
html body :is(.card p, .apps-heading p, .about > .about-inner > p){ color:var(--d-text-2) !important; }
html body .disclaimer{ background:var(--d-panel) !important; border:1px solid var(--d-line) !important; border-left:1px solid var(--d-accent) !important; border-radius:8px !important; color:var(--d-text-2) !important; }
html body .disclaimer strong{ color:var(--d-text) !important; }

/* hub contact page (contact.css) */
html body header.cf-head{ padding-bottom:18px !important; }
html body main.cf-main{ margin-top:24px; }
html body .cf-card{ background:var(--d-panel) !important; border:1px solid var(--d-line) !important; border-radius:8px !important; box-shadow:none !important; }
html body .cf-card h1{ font-family:var(--d-display) !important; font-weight:500 !important; color:var(--d-text) !important; }
html body :is(.cf-intro, .cf-hint){ color:var(--d-text-2) !important; }

@media print{
  html, html body{ background:#fff !important; color:#000 !important; }
  html body :is(header.site, header.cf-head, .hero, footer, .card, .about-inner, .statement, .applist li, .cf-card){ background:#fff !important; color:#000 !important; }
  html body :is(h1, h2, h3, p, li, a, strong){ color:#000 !important; }
}