/*
 * Ken Daktari Foundation - Design Tokens & Utilities
 * Primary Palette:
 * Deep Forest Green: #1A5336
 * Secondary Royal Blue: #1E3A8A
 * Accent Warm Ochre: #D97706
 */

:root {
  --color-primary: #1A5336;
  --color-primary-dark: #123C27;
  --color-primary-light: #24754C;
  --color-secondary: #1E3A8A;
  --color-secondary-dark: #172B68;
  --color-accent: #D97706;
  --color-accent-hover: #B45309;
  --color-surface: #F8FAFC;
  --color-text-main: #0F172A;
  --color-text-muted: #64748B;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  color: var(--color-text-main);
  background-color: #FFFFFF;
}

.bg-brand-primary { background-color: var(--color-primary); }
.bg-brand-primary-dark { background-color: var(--color-primary-dark); }
.bg-brand-secondary { background-color: var(--color-secondary); }
.bg-brand-accent { background-color: var(--color-accent); }

.text-brand-primary { color: var(--color-primary); }
.text-brand-secondary { color: var(--color-secondary); }
.text-brand-accent { color: var(--color-accent); }

.border-brand-primary { border-color: var(--color-primary); }
.border-brand-accent { border-color: var(--color-accent); }

/* Smooth transitions */
.transition-smooth {
  transition: all 0.25s ease-in-out;
}