/*
Theme Name: LCI Platform
Theme URI: https://lciplatform.org
Author: LCI Team
Author URI: https://lciplatform.org
Description: Clean, minimal, and white-based Elementor Container-friendly WordPress theme for LCI - Connecting African Businesses with Global Opportunities.
Version: 1.0.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: lci-platform
Tags: clean, minimal, white-design, elementor, containers, business, opportunities, marketplace, membership
*/

:root {
  --lci-bg-white: #ffffff;
  --lci-bg-subtle: #f8fafc;
  --lci-bg-card: #ffffff;
  --lci-bg-alt: #f1f5f9;
  
  --lci-text-main: #0f172a;
  --lci-text-body: #334155;
  --lci-text-muted: #64748b;
  --lci-text-light: #94a3b8;
  
  --lci-primary: #0f172a;
  --lci-primary-hover: #1e293b;
  --lci-accent: #059669;
  --lci-accent-hover: #047857;
  --lci-accent-light: #ecfdf5;
  --lci-accent-border: #a7f3d0;
  
  --lci-blue: #2563eb;
  --lci-blue-light: #eff6ff;
  --lci-blue-border: #bfdbfe;
  
  --lci-amber: #d97706;
  --lci-amber-light: #fffbeb;
  --lci-amber-border: #fde68a;

  --lci-border: #e2e8f0;
  --lci-border-light: #f1f5f9;
  --lci-border-hover: #cbd5e1;
  
  --lci-shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, 0.04);
  --lci-shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, 0.06), 0 1px 2px -1px rgba(15, 23, 42, 0.06);
  --lci-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.07), 0 2px 4px -2px rgba(15, 23, 42, 0.05);
  --lci-shadow-lg: 0 10px 25px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.04);
  --lci-shadow-xl: 0 20px 30px -6px rgba(15, 23, 42, 0.09), 0 8px 10px -6px rgba(15, 23, 42, 0.04);
  
  --lci-radius-sm: 6px;
  --lci-radius-md: 10px;
  --lci-radius-lg: 16px;
  --lci-radius-full: 9999px;
  
  --lci-font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --lci-max-w: 1240px;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-family: var(--lci-font-sans);
  font-size: 16px;
  line-height: 1.6;
  color: var(--lci-text-body);
  background-color: var(--lci-bg-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  color: var(--lci-text-body);
  background-color: var(--lci-bg-white);
}

a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
}

/* Base Typography */
h1, h2, h3, h4, h5, h6 {
  color: var(--lci-text-main);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

p {
  margin-bottom: 1rem;
}
p:last-child {
  margin-bottom: 0;
}

.site-main {
  flex: 1 0 auto;
  width: 100%;
}