/* Colégio Harmonia — Design System Tokens */
:root {
  --color-primary:        #008649;
  --color-primary-dark:   #006a3a;
  --color-primary-darker: #005530;
  --color-primary-light:  #33a86e;
  --color-primary-tint:   #e8f5ee;
  --color-primary-tint-2: #c8e8d5;
  --color-secondary:      #3c424f;
  --color-secondary-dark: #272b34;
  --color-secondary-light:#6b7280;
  --color-secondary-tint: #f3f4f6;
  --color-white:          #ffffff;
  --color-gray-50:        #f9fafb;
  --color-gray-100:       #f3f4f6;
  --color-gray-200:       #e5e7eb;
  --color-gray-300:       #d1d5db;
  --color-gray-400:       #9ca3af;
  --color-gray-500:       #6b7280;
  --color-gray-600:       #4b5563;
  --color-gray-700:       #374151;
  --color-gray-800:       #1f2937;
  --color-gray-900:       #111827;
  --color-bg:             #ffffff;
  --color-bg-alt:         #f9fafb;
  --color-bg-inverted:    #008649;
  --color-surface:        #ffffff;
  --color-border:         #e5e7eb;
  --color-border-strong:  #008649;
  --color-fg-1:           #3c424f;
  --color-fg-2:           #6b7280;
  --color-fg-3:           #9ca3af;
  --color-fg-inverted:    #ffffff;
  --color-accent:         #008649;
  --color-accent-hover:   #006a3a;
  --color-success:        #008649;
  --color-warning:        #d97706;
  --color-error:          #dc2626;
  --color-info:           #2563eb;
  --font-sans:            'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-weight-light:    300;
  --font-weight-regular:  400;
  --font-weight-medium:   500;
  --font-weight-bold:     700;
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --leading-tight:   1.25;
  --leading-snug:    1.375;
  --leading-normal:  1.5;
  --leading-relaxed: 1.625;
  --tracking-tight:  -0.02em;
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   8px;
  --radius-xl:   12px;
  --radius-2xl:  16px;
  --radius-full: 9999px;
  --shadow-sm:   0 1px 3px rgba(0,0,0,0.07);
  --shadow-md:   0 2px 8px rgba(0,0,0,0.08);
  --shadow-lg:   0 4px 16px rgba(0,0,0,0.12);
  --shadow-xl:   0 8px 24px rgba(0,0,0,0.14);
  --shadow-focus:0 0 0 3px rgba(0,134,73,0.25);
  --ease-out:         cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast:    150ms;
  --duration-normal:  250ms;
  --duration-slow:    400ms;
  --max-width: 1200px;
  --header-height: 72px;
}