/* Magnent site theme: warm paper, logo core blue, espresso dark sections, flat surfaces.
   Loaded last in <head> on every page so it overrides each page's inline design tokens.
   Change colours here, not in individual pages. */

:root {
  /* surfaces */
  --bg: #F6F3EC;
  --bg-muted: #EFEBE2;
  --bg-sunken: #E8E3D8;
  --ink-50: #EFEBE2;
  --paper: #FFFFFF;
  --surface: #FFFFFF;

  /* logo blues (sampled from the logo): core #3C70D6, deep #315FC2, glow #457DE5 */
  --blue-50: rgba(60,112,214,0.08);
  --blue-100: rgba(60,112,214,0.14);
  --blue-200: rgba(60,112,214,0.24);
  --blue-300: #457DE5;
  --blue-400: #457DE5;
  --blue-500: #3C70D6;
  --blue-600: #315FC2;
  --blue-700: #315FC2;
  --teal-400: #3C70D6;
  --teal-500: #3C70D6;
  --teal-600: #315FC2;
  --accent: #3C70D6;
  --accent-hover: #315FC2;
  --border-focus: #3C70D6;
  --grad-brand: linear-gradient(135deg, #3C70D6, #3C70D6);
  --grad-brand-soft: linear-gradient(135deg, #EFEBE2, #EFEBE2);

  /* dark sections: espresso */
  --grad-ink: linear-gradient(180deg, #120E0C 0%, #1A1512 100%);
  --mg-espresso: #1A1512;
  --mg-espresso-deep: #120E0C;

  /* flat: no drop shadows on boxes */
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --shadow-xl: none;
}

body { background: var(--bg); }

/* nav sits on paper */
nav, #main-nav { background: rgba(246,243,236,0.72) !important; }
nav.scrolled { background: rgba(246,243,236,0.92) !important; border-bottom-color: rgba(10,16,36,0.08) !important; }
.nav-drawer { background: #F6F3EC !important; }

/* buttons: flat core blue */
.btn-primary, .nav-drawer-cta a { background: #3C70D6 !important; box-shadow: none !important; }
.btn-primary:hover, .nav-drawer-cta a:hover { background: #315FC2 !important; }
.btn-secondary { box-shadow: none !important; }

/* boxes: flat */
.card, .card:hover, .service-card, .service-card:hover, .post-card, .post-card:hover,
.stat-card, .ba-before, .ba-after, .faq-item, .author-card, .cta-card { box-shadow: none !important; }

/* dark areas that hard-code navy */
.section.dark, .dark-band, .cta-band, .post-cta, .article-cta { background: var(--grad-ink) !important; }
footer { background: var(--mg-espresso-deep) !important; }

/* ---- page-specific elements with hard-coded old colours ---- */
.hero-glow, .post-hero::before { background:radial-gradient(ellipse at 50% 30%, rgba(60,112,214,0.07) 0%, transparent 62%) !important; }
.post-hero { background:transparent !important; }
.eyebrow, .legal-header .eyebrow { color:#315FC2 !important; background:rgba(60,112,214,0.08) !important; border-color:rgba(60,112,214,0.2) !important; }
.section.dark .eyebrow { color:#7FA2EC !important; background:rgba(60,112,214,0.14) !important; border-color:rgba(60,112,214,0.35) !important; }
.nav-links a.active::after { background:#3C70D6 !important; }
.nav-drawer-links a:hover, .nav-drawer-links a.active { color:#3C70D6 !important; }
.nav-drawer { box-shadow:none !important; border-left:1px solid rgba(10,16,36,0.08); }

/* About: principles grid */
.principles-grid { box-shadow:none !important; }
.principle-cell { background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0)), #1A1512 !important; }
.principle-icon { background:rgba(60,112,214,0.18) !important; border-color:rgba(127,162,236,0.28) !important; }

/* dark blocks that hard-code navy */
.quote-fold, .post-footer, .cs-visual, .thumb, .thumb.a, .rc-p-aeo { background:linear-gradient(145deg, #120E0C, #1A1512) !important; }
.post-cta { background:var(--grad-ink) !important; }
.code { background:linear-gradient(140deg, #315FC2, #3C70D6) !important; }
.related .thumb.a, .related .thumb.b, .related .thumb.c { background:linear-gradient(145deg, #120E0C, #1A1512) !important; }

/* tints and chips */
.post-cat, .rc-tag-aeo, .blog-card .blog-card-tag, .cat-tab.active .cat-count, .check-icon, .expect-icon,
.calendar-placeholder .icon, .legal-section h2 .num, .setup-steps li::before, .prose ol li::before, .principle-icon {
  border-color:rgba(60,112,214,0.2) !important; }
.rc-tag-aeo, .blog-card .blog-card-tag { color:#315FC2 !important; background:rgba(60,112,214,0.1) !important; }
.answer-block, .callout { background:rgba(60,112,214,0.05) !important; border-color:rgba(60,112,214,0.18) !important; }
.fold-blue { background:#EFEBE2 !important; }
.prose thead th { background:#3C70D6 !important; }
.prose tbody tr:hover { background:rgba(60,112,214,0.04) !important; }
.hero-q-mark { color:rgba(60,112,214,0.45) !important; }

/* flat: remaining hard-coded shadows */
.calendar-wrap, .card-link:hover, .cat-pill, .cat-pill:hover, .pillar, .pillar:hover, .stat-card, .stat-card:hover { box-shadow:none !important; }

/* inline-styled leftovers */
[style*="linear-gradient(135deg,#2F63F0,#1F4FD8)"] { background:#3C70D6 !important; box-shadow:none !important; }
[style*="background:#0A1024"] { background:#1A1512 !important; }
.cat-nav { background:#F6F3EC !important; }

/* beige FAQ toggles and card hovers (match homepage) */
.faq-toggle { background:#E8E1D3 !important; color:#5C5145 !important; }
.faq-toggle.open { background:#D6CAB4 !important; color:#2B231C !important; }
.service-card:hover { background:#FFFDF8 !important; background-image:none !important; border-color:#D9CDB8 !important; }