@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap');

:root {
  /* Colors */
  --c-primary: #0E5C2F;     /* Verde institucional */
  --c-primary-light: #127238;
  --c-primary-dark: #0A4321;
  --c-secondary: #B7DDA0;   /* Verde claro menu/destaques */
  --c-secondary-light: #E8F5E1;
  --c-accent: #FF7B00;      /* Laranja chamadas */
  --c-accent-hover: #FF912C; /* Laranja mais claro/brilhante */
  
  --c-bg: #FAFAFA;
  --c-surface: #FFFFFF;
  --c-text: #333333;
  --c-text-light: #666666;
  --c-text-muted: #999999;
  
  --c-border: #E5E5E5;
  --c-border-light: #F0F0F0;
  
  /* Portal Colors */
  --c-portal-aluno: #4A90E2;
  --c-portal-prof: #E67E22;
  --c-portal-dir: #9B59B6;

  /* Typography */
  --font-heading: 'Baloo 2', cursive, sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Shadow & Radius */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 32px rgba(14, 92, 47, 0.1);
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 9999px;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

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

body {
  font-family: var(--font-body);
  color: var(--c-text);
  background-color: var(--c-bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  line-height: 1.2;
  color: var(--c-primary);
  margin-bottom: var(--space-md);
}

h1 { font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 800; }
h2 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; }
h3 { font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 600; }
h4 { font-size: clamp(1.25rem, 2vw, 1.5rem); font-weight: 600; }

p {
  margin-bottom: var(--space-md);
  font-size: 1rem;
}

a {
  color: var(--c-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
}

a:hover {
  color: var(--c-accent);
}

ul, ol {
  list-style: none;
}

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

/* Layout Utilities */
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--space-md);
}

.section {
  padding: var(--space-4xl) 0;
}

.section-light {
  background-color: var(--c-surface);
}

.section-color {
  background-color: var(--c-secondary-light);
  color: var(--c-primary-dark);
}

.section-primary {
  background-color: var(--c-primary);
  color: white;
}

.section-primary h1, .section-primary h2, .section-primary h3 {
  color: var(--c-accent);
}

.text-center { text-align: center; }
.mt-0 { margin-top: 0; }
.mb-0 { margin-bottom: 0; }
.mb-xl { margin-bottom: var(--space-xl); }

.grid-2 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--space-xl);
}

.grid-3 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--space-xl);
}

.grid-4 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: var(--space-lg);
}

@media (max-width: 768px) {
  .grid-2, .grid-3, .grid-4 {
    grid-template-columns: 1fr;
  }
}

/* Hidden by default, used by JS */
.d-none { display: none !important; }