/*
 Theme Name: BACKPACKMD
 Theme URI: https://example.com/backpackmd
 Author: Your Company
 Author URI: https://example.com
 Description: A lightweight Elementor-ready theme for the BACKPACKMD portable telemedicine kit.
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: backpackmd
 Tags: one-column, custom-menu, custom-logo, featured-images, theme-options, elementor-ready
*/

/* Basic resets and utilities */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: 'Inter', 'Segoe UI', Roboto, Arial, sans-serif; color: #09101D; }
a { text-decoration: none; }

:root{
  --primary:#0057B7;
  --accent:#28A745;
  --muted:#F5F7FA;
  --dark:#0A2540;
}

.container{ width: min(1200px, 92%); margin: 0 auto; }
.btn{ display:inline-block; padding: 12px 20px; border-radius: 10px; font-weight:600; }
.btn-primary{ background: var(--primary); color: #fff; }
.btn-ghost{ border: 1px solid var(--primary); color: var(--primary); background: #fff; }

.site-header{ position: sticky; top:0; background:#fff; border-bottom:1px solid #EEE; z-index: 10; }
.nav{ display:flex; align-items:center; justify-content:space-between; gap: 16px; padding: 14px 0; }
.nav ul{ display:flex; gap: 20px; list-style:none; margin:0; padding:0; }
.nav a{ color:#0A2540; font-weight:600; }
.logo{ font-weight:800; font-size: 20px; color: var(--primary); letter-spacing: .5px; }

.hero{ background: linear-gradient(180deg, #EAF3FF, #ffffff); padding: 72px 0 48px; }
.hero h1{ font-size: clamp(30px, 5vw, 52px); margin: 0 0 12px; color: var(--dark); }
.hero p{ font-size: clamp(16px, 2.2vw, 20px); color:#2F3A4C; margin: 0 0 24px; }

.grid{ display:grid; gap: 20px; }
.grid.cols-3{ grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.grid.cols-2{ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }

.card{ background:#fff; border:1px solid #E6ECF5; border-radius:16px; padding:20px; }
.card h3{ margin-top:0; }

.section{ padding: 56px 0; }
.section h2{ font-size: clamp(24px, 4vw, 36px); margin:0 0 16px; color: var(--dark); }
.section p.lead{ color: #3C495E; font-size: 18px; }

.site-footer{ background:#0B1220; color:#C9D3E0; padding: 32px 0; }
.site-footer a{ color:#C9D3E0; }
.site-footer .copyright{ border-top:1px solid #1C2537; margin-top: 16px; padding-top: 16px; font-size: 14px; }
*/