/* HelloJani Brand CSS for Fider - Updated 2026 */

/* Primary buttons & brand elements */
body .c-button--primary,
body .c-button--brand,
body input[type="submit"],
body input[type="button"] {
  background-color: #22A06B;
  border-color: #22A06B;
  color: white;
}

body .c-button--primary:hover,
body .c-button--brand:hover {
  background-color: #1A7A52;
  border-color: #1A7A52;
}

/* Orange accent buttons */
body .c-button--secondary,
body button.c-button {
  background-color: #FF6319;
  border-color: #FF6319;
  color: white;
}

body .c-button--secondary:hover {
  background-color: #C94E00;
  border-color: #C94E00;
}

/* Links & interactive elements */
body a,
body .c-link {
  color: #1A7A52;
}

body a:hover,
body .c-link:hover {
  color: #FF6319;
}

/* Headers & typography */
body h1,
body h2,
body h3,
body .c-header {
  color: #2A6A4E;
}

/* Badges & status indicators */
body .c-badge,
body .c-tag {
  background-color: #519072;
  color: white;
}

/* Input focus state (subtle branding) */
body input:focus,
body textarea:focus,
body select:focus {
  border-color: #22A06B;
  box-shadow: 0 0 0 2px rgba(34, 160, 107, 0.1);
}

/* Accent lines & dividers */
body .c-divider,
body .c-section-header {
  border-color: #519072;
}

/* Highlight sections */
body .c-highlight,
body .c-primary-section {
  border-left: 4px solid #FF6319;
  background-color: rgba(255, 99, 25, 0.05);
}

/* Dark/muted text */
body .c-muted,
body .c-text-muted {
  color: #519072;
}