/*
Theme Name: HTS - Harbor Tech Solutions
Theme URI: https://harbortechsolutions.com
Author: HTS
Description: Custom theme for Harbor Tech Solutions. Business Intelligence, Power BI, Microsoft SQL, Data Integration, Analytics, Data Science.
Version: 1.0
License: GPL v2 or later
Text Domain: hts
*/

:root { 
    --hts-green: #0b5d3b; 
    --hts-blue: #0a4a8a; 
    --hts-light: #f8fafc; 
    --hts-dark: #1e293b;
    --hts-gray: #475569;
    --hts-border: #e2e8f0;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { 
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; 
    line-height: 1.6; 
    color: var(--hts-dark);
    background: #fff;
}
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.site-header { padding: 20px 0; border-bottom: 1px solid var(--hts-border); }
.site-title { font-size: 24px; font-weight: 700; color: var(--hts-green); text-decoration: none; }
.site-footer { padding: 40px 20px; text-align: center; border-top: 1px solid var(--hts-border); margin-top: 80px; color: var(--hts-gray); }
.hero { 
    background: linear-gradient(135deg, var(--hts-green), var(--hts-blue)); 
    color: white; 
    padding: 80px 20px; 
    text-align: center; 
}
.hero h1 { font-size: 48px; margin-bottom: 16px; font-weight: 700; }
.hero p { font-size: 20px; opacity: 0.95; margin-bottom: 32px; }
.btn { 
    display: inline-block; 
    background: white; 
    color: var(--hts-green); 
    padding: 14px 28px; 
    border-radius: 8px; 
    font-weight: 600; 
    text-decoration: none;
}
.btn-primary { background: var(--hts-green); color: white; }
.section { padding: 80px 20px; }
.section h2 { 
    font-size: 36px; 
    text-align: center; 
    margin-bottom: 48px; 
    color: var(--hts-green);
    font-weight: 700;
}
.grid-3 { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
    gap: 32px; 
}
.card { 
    background: white; 
    padding: 32px; 
    border-radius: 12px; 
    box-shadow: 0 4px 6px rgba(0,0,0,0.05); 
    border: 1px solid var(--hts-border);
}
.card h3 { 
    color: var(--hts-blue); 
    margin-bottom: 12px; 
    font-size: 22px;
    font-weight: 600;
}
.bg-light { background: var(--hts-light); }
.faq-item { 
    background: white; 
    margin-bottom: 16px; 
    border-radius: 8px; 
    border: 1px solid var(--hts-border); 
    padding: 20px;
}
.faq-item h4 { font-weight: 600; color: var(--hts-blue); margin-bottom: 8px; }
.text-center { text-align: center; }
@media (max-width: 768px) {
    .hero h1 { font-size: 36px; }
    .section h2 { font-size: 28px; }
    .grid-3 { grid-template-columns: 1fr; }
}