/* heka-styles.css */
:root {
    --primary: #0B493A;
    --secondary: #EAF06A;
    --primary-light: #1a6b55;
    --gray-light: #f3f4f6;
  }
  
  body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
  }
  
  .btn-primary {
    background-color: var(--secondary);
    color: var(--primary);
    font-weight: 700;
    border-radius: 9999px;
    padding: 0.75rem 2rem;
    transition: all 0.2s;
  }
  .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(234, 240, 106, 0.4);
  }
  
  .btn-outline {
    border: 2px solid var(--secondary);
    color: var(--secondary);
    background: transparent;
    font-weight: 600;
    border-radius: 9999px;
    padding: 0.75rem 2rem;
    transition: all 0.2s;
  }
  .btn-outline:hover {
    background: var(--secondary);
    color: var(--primary);
  }
  
  .text-brand-primary {
    color: var(--primary);
  }
  .bg-brand-primary {
    background-color: var(--primary);
  }
  .border-brand-secondary {
    border-color: var(--secondary);
  }
  
  /* Hero gradient */
  .hero-gradient {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
  }
  
  /* Card hover */
  .feature-card {
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .feature-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.1);
  }