:root {
  --primary-50: #eef5ff;
  --primary-100: #dceaff;
  --primary-700: #2f5590;
  --primary-800: #203a63;
  --primary-900: #111d2f;
  --accent-100: #dbeafe;
  --accent-300: #93c5fd;
  --accent-400: #3b82f6;
  --accent-500: #1d4ed8;
  --stone-50: #f7f9fc;
  --stone-100: #eef2f7;
  --stone-200: #d8e0ea;
  --stone-500: #64748b;
  --stone-600: #475569;
  --stone-700: #334155;
  --stone-900: #0f172a;
  --shadow: 0 24px 58px rgba(15, 23, 42, .18);
  --home-work-bg: var(--stone-100);
  --home-work-border: var(--stone-200);
  --home-work-text: var(--stone-900);
  --home-work-muted: var(--stone-600);
  --home-work-label: var(--primary-700);
  --home-work-label-bg: var(--primary-50);
  --home-work-label-border: var(--stone-200);
  --home-work-label-shadow: 0 12px 28px rgba(15,31,51,.08);
  --home-about-bg: var(--stone-50);
  --home-about-border: var(--stone-200);
  --home-about-text: var(--stone-900);
  --home-about-muted: var(--stone-600);
  --home-about-label: var(--primary-700);
  --home-about-label-bg: var(--primary-50);
  --home-about-label-border: var(--stone-200);
  --home-about-label-shadow: 0 12px 28px rgba(15,31,51,.08);
  --home-about-check: var(--accent-400);
  --detail-hero-title: #fff;
  --detail-hero-text: rgba(255,255,255,.78);
  --detail-hero-label: #fff;
  --detail-hero-label-bg: rgba(255,255,255,.12);
  --detail-hero-label-border: rgba(255,255,255,.22);
  --detail-hero-label-shadow: 0 12px 28px rgba(0,0,0,.18);
}
body.theme-slate { background: linear-gradient(180deg, #f7f9fc, #eaf0f8); }
.theme-slate .hero, .theme-slate .page-hero, .theme-slate .project-hero { background: linear-gradient(135deg, rgba(15,23,42,.96), rgba(30,58,95,.88)); }
.theme-slate .hero:before, .theme-slate .page-hero:before, .theme-slate .hero-bg:after, .theme-slate .page-hero-bg:after { background: linear-gradient(135deg, rgba(15,23,42,.9), rgba(30,64,110,.76)); }
.theme-slate .header { background: rgba(247,249,252,.94); border-bottom-color: rgba(59,130,246,.16); }
.theme-slate .brand-icon, .theme-slate .footer-brand-icon { background: linear-gradient(135deg, #1e3a8a, #0f172a); }
.theme-slate .btn-primary { background: linear-gradient(135deg, #3b82f6, #1d4ed8); box-shadow: 0 16px 34px rgba(59,130,246,.28); }
.theme-slate .section-soft, .theme-slate .section-services, .theme-slate .section-method { background: #eef2f7; }
.theme-slate .service-card, .theme-slate .project-card, .theme-slate .method-step, .theme-slate .value-card, .theme-slate .team-card { border-color: rgba(59,130,246,.18); box-shadow: 0 22px 52px rgba(15,23,42,.1); }
.theme-slate .cta, .theme-slate .cta-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(220,234,255,.18), transparent 38%),
    linear-gradient(135deg, #1d4ed8, #3b82f6 54%, #203a63);
  border-top-color: rgba(147,197,253,.34);
}
.theme-slate .cta .btn-primary {
  color: #0f172a;
  background: #eff6ff;
  box-shadow: 0 18px 34px rgba(15,23,42,.16);
}
.theme-slate .cta .btn-primary:hover {
  color: #eff6ff;
  background: #0f172a;
  box-shadow: 0 20px 42px rgba(15,23,42,.28);
}
.theme-slate .footer {
  color: rgba(239, 246, 255, .78);
  background:
    radial-gradient(circle at 10% 0%, rgba(59,130,246,.1), transparent 30%),
    linear-gradient(135deg, #080d19, #0f172a 62%, #111d36);
  border-top: 1px solid rgba(147,197,253,.16);
}
.theme-slate .footer h3, .theme-slate .footer h4 { color: #fff; }
.theme-slate .footer-brand-tagline, .theme-slate .footer-contact-icon { color: #93c5fd; }
.theme-slate .footer-bottom { border-top-color: rgba(147,197,253,.2); }
.theme-slate .footer-contact-action a { background: #2563eb !important; border-color: #60a5fa !important; box-shadow: 0 14px 30px rgba(37,99,235,.28); }