/* ABOUTME: Base CSS with brand colors and minimal utilities
   ABOUTME: Defines APB Digital brand variables and core styles */

:root {
  /* Brand colors */
  --apb-orange: #e8812c;
  --apb-charcoal: #575454;
  --apb-medgray: #9b938e;
  --apb-white: #f1eded;
  --apb-neutral: #cfcfcf;
  --apb-success: #22c55e;
  --apb-amber: #f59e0b;
  --apb-error: #ef4444;
  --apb-info: #3b82f6;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Focus visible improvements */
*:focus-visible {
  outline: 3px solid var(--apb-orange);
  outline-offset: 2px;
}

/* Custom utility classes */
.text-balance {
  text-wrap: balance;
}

/* Custom shadow utilities */
.shadow-soft {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

.shadow-soft-hover {
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.10);
}

/* Ensure images are responsive */
img {
  max-width: 100%;
  height: auto;
}

/* Form transitions */
input,
textarea,
select {
  transition: border-color 0.2s ease-out, box-shadow 0.2s ease-out;
}

/* Custom scrollbar for modern browsers */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: var(--apb-white);
}

::-webkit-scrollbar-thumb {
  background: var(--apb-medgray);
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--apb-charcoal);
}