/* Brand layer of the tools site (loaded after theme.css): trust-blue + orange accent on cool slate, light-first.
   Replaces the warm gold / stone palette of the company site by redefining the same tokens, so every component follows. */
:root{
  --gold-50:#eff6ff;--gold-100:#dbeafe;--gold-200:#bfdbfe;--gold-300:#93c5fd;--gold-400:#60a5fa;--gold-500:#3b82f6;--gold-600:#2563eb;--gold-700:#1d4ed8;--gold-800:#1e3a8a;--gold-900:#172554;
  --gold-rgb:59,130,246;--gold-text:#bfdbfe;
  --stone-950:#0a1020;--stone-900:#0f172a;--stone-850:#131c33;--stone-800:#1b2740;--stone-700:#2b3a57;--stone-600:#64748b;--stone-500:#7c8ba1;--stone-400:#9fb0c8;
  --stone-300:#bcc8da;--stone-200:#d5deeb;--stone-100:#e6ecf5;--stone-50:#f1f5f9;
  --text:#e2e8f0;--text-subtle:#8fa1bb;--on-accent:#ffffff;
  --accent:#60a5fa;--accent-hover:#93c5fd;--accent-press:#3b82f6;
  --warm:#f97316;
  --blueprint:#93c5fd;--blueprint-rgb:147,197,253;
}
html[data-theme="light"]{
  --ink-rgb:15,23,42;--paper-rgb:248,250,252;
  --surface-0:#f8fafc;--surface-1:#f1f5f9;--surface-2:#ffffff;--surface-3:#e2e8f0;
  --text-strong:#0f172a;--text:#1e293b;--text-muted:#475569;--text-subtle:#5b6b80;
  --border:rgba(15,23,42,.16);--border-strong:rgba(15,23,42,.3);--border-subtle:rgba(15,23,42,.08);
  --accent:#1d4ed8;--accent-hover:#1e40af;--accent-press:#1e3a8a;--accent-soft:rgba(var(--gold-rgb),.14);--accent-line:rgba(29,78,216,.5);
  --gold-text:#1d4ed8;--focus-ring:0 0 0 3px rgba(37,99,235,.4);
  --glass-border:rgba(15,23,42,.12);
  --shadow-2:0 8px 26px rgba(15,23,42,.1),inset 0 1px 0 rgba(255,255,255,.8);--shadow-3:0 18px 48px rgba(15,23,42,.16);
  scrollbar-color:#b3c0d4 var(--surface-0);
}
/* dark zones inside the light theme (top bar, hero, footer, …) — navy instead of near-black */
.topbar,.hero,.site-header:not(.is-scrolled),.site-footer,#preloader,.hero-intro,.contact,.slide,.timeline-modal,.progress-card-media,.back-to-top,.nav-backdrop,.cost3d-label,.prose pre,.blog-cta-box,.post-cta,.section-dark,.tl-hero{
  --ink-rgb:255,255,255;--paper-rgb:10,16,32;
  --surface-0:#0a1020;--surface-1:#0f172a;--surface-2:#131c33;--surface-3:#1b2740;
  --text-strong:#fff;--text:#e2e8f0;--text-muted:#a8b6cc;--text-subtle:#8fa1bb;
  --accent:#60a5fa;--accent-hover:#93c5fd;--accent-press:#3b82f6;--accent-soft:rgba(var(--gold-rgb),.16);--accent-line:rgba(var(--gold-rgb),.45);
  --gold-text:#bfdbfe;--blueprint:#93c5fd;
  --dark:#0f172a;--dark-muted:#a8b6cc;
}
html[data-theme="light"] ::selection{background:rgba(var(--gold-rgb),.3);color:#0f172a}
/* buttons: white text on blue (4.9:1+), orange only as a small accent */
.btn-primary-lg,.nav-contact,.header-cta{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;box-shadow:0 10px 26px rgba(37,99,235,.35),inset 0 1px 0 rgba(255,255,255,.25)!important;border-color:transparent!important}
.btn-primary-lg:hover,.nav-contact:hover{filter:brightness(1.08)}
.hero-badge-dot{background:#f97316!important;box-shadow:0 0 0 4px rgba(249,115,22,.22)!important}
.logo-mark img{filter:none!important}
html[data-theme="light"] .site-header.is-scrolled .logo-mark img,html[data-theme="light"] body.nav-open .site-header .logo-mark img{filter:none!important}
.logo-mark{width:40px;height:40px}
/* the tools site has no hero photo / 3D scene: calm blueprint grid instead */
.tl-hero{background:radial-gradient(1200px 520px at 80% -10%,rgba(59,130,246,.28),transparent 60%),linear-gradient(180deg,#0a1020,#0f172a)}
.tl-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}
.tl-hero{position:relative;overflow:hidden}
.tl-hero-inner{position:relative}
.tl-title em{color:#93c5fd}
.tl-card:hover{border-color:var(--accent-line)}
@media (prefers-reduced-motion:reduce){.tl-card{transition:none}.tl-card:hover{transform:none}}