/* ================================================================
   THEME 10 — Slate Professional
   Sunat LaserVIT — Design System Override
   Generated by build/generate_theme_css.js
   ================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700;900&family=Source+Serif+4:wght@600;700&display=swap');

:root {
  /* Brand palette */
  --violet:    #334155;
  --violet-d:  #1e293b;
  --violet-l:  #94a3b8;
  --fuchsia:   #475569;
  --fuchsia-d: #334155;
  --grad:      linear-gradient(135deg,#1e293b 0%,#334155 45%,#475569 100%);
  --grad-soft: linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);

  /* Neutrals */
  --ink:     #0f172a;
  --ink-2:   #1e293b;
  --muted:   #64748b;
  --line:    #e2e8f0;
  --bg-soft:   #f8fafc;
  --bg-soft-2: #f1f5f9;

  /* Shape */
  --radius:    4px;
  --radius-sm: 2px;
  --radius-lg: 6px;

  /* Shadows (primary-tinted) */
  --shadow-sm: 0 4px 16px rgba(51,65,85,.06);
  --shadow:    0 18px 40px rgba(51,65,85,.12);
  --shadow-lg: 0 30px 60px rgba(51,65,85,.18);

  /* Typography */
  --font:    'Source Sans 3', system-ui, -apple-system, sans-serif;
  --serif:   'Source Serif 4', Georgia, 'Times New Roman', serif;
  --display: var(--serif);
}

/* Fix hardcoded brand colors */
.eyebrow { background: #e2e8f0; color: #1e293b; }
.nav-links a.active { background: #f1f5f9; color: #1e293b; }
.nav-links a:hover { color: #1e293b; }
.btn-primary { box-shadow: 0 12px 26px rgba(51,65,85,.35); }
.btn-primary:hover { box-shadow: 0 16px 32px rgba(51,65,85,.45); }
.btn-outline { color: #1e293b; }
.btn-ghost { color: #1e293b; }
.hero {
  background:
    radial-gradient(1100px 500px at 85% -10%, #cbd5e1 0%, rgba(255,255,255,0) 60%),
    radial-gradient(900px 500px at -10% 10%,  #e2e8f0 0%, rgba(255,255,255,0) 55%),
    var(--bg);
}

/* Flat layout overrides */
.site-header { box-shadow: none !important; border-bottom: 2px solid var(--line); }
.btn { border-radius: var(--radius-sm) !important; }
.btn-primary { box-shadow: none !important; }
.btn-primary:hover { box-shadow: none !important; transform: none !important; }
.btn-wa { box-shadow: none !important; }
.card, .card-method, .card-benefit, .card-review, .card-faq { box-shadow: none !important; border: 1.5px solid var(--line); }
.hero { box-shadow: none; }
.section-head .bar { border-radius: 0; }