/* === SEO Studio Custom Theme Overrides === */
/* Scope everything under #app or .seo-studio to avoid bleed */
.seo-studio {
  --brand: #4e6cff;
  --brand-dark: #3b54d6;
  --bg: #f9fafb;
  --surface: #ffffff;
  --border: #e5e7eb;
  --text: #111827;
  --text-soft: #374151;
  --radius: 10px;
  --shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* General body */
.seo-studio body {
  background: var(--bg);
  color: var(--text);
  font-family: "Inter", system-ui, sans-serif;
}

/* Navbar */
.seo-studio .navbar {
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  box-shadow: var(--shadow);
}
.seo-studio .navbar-brand {
  font-weight: 700;
  color: var(--brand);
}

/* Sidebar */
.seo-studio .sidebar {
  background: var(--surface);
  border-right: 1px solid var(--border);
}
.seo-studio .sidebar .nav-link {
  color: var(--text-soft);
  border-radius: var(--radius);
  margin: 4px 8px;
  padding: 10px 14px;
}
.seo-studio .sidebar .nav-link.active,
.seo-studio .sidebar .nav-link:hover {
  background: var(--brand);
  color: #fff;
}

/* Cards / panels */
.seo-studio .card {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.seo-studio .card-header {
  background: var(--surface);
  font-weight: 600;
  color: var(--text);
}

/* Buttons */
.seo-studio .btn-primary {
  background: var(--brand);
  border-color: var(--brand);
  border-radius: var(--radius);
}
.seo-studio .btn-primary:hover {
  background: var(--brand-dark);
  border-color: var(--brand-dark);
}

/* Tables */
.seo-studio table {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
}
.seo-studio thead {
  background: var(--bg);
  font-weight: 600;
}
.seo-studio tbody tr:hover {
  background: #f3f4f6;
}


/* Customization start -- do not edit this section */
/* Customization end */