/* CHC Admin System - Custom Theme Styles */

/* Custom Colors (extend Tailwind v4) */
@theme {
  --color-chc-red: #e42b2b;
  --color-chc-red-dark: #c41e1e;
  --color-chc-red-light: #fee2e2;
  --color-chc-yellow: #ffea2b;
  --color-chc-dark: #0d0d0d;
  --color-chc-charcoal: #1a1a1a;
}

/* System Font Stack */
body {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Display Font (Oswald from Google Fonts) */
.font-display {
  font-family: 'Oswald', -apple-system, system-ui, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* Brand Pattern Background */
.brand-pattern {
  background-image:
    linear-gradient(135deg, rgba(228, 43, 43, 0.1) 25%, transparent 25%),
    linear-gradient(225deg, rgba(228, 43, 43, 0.1) 25%, transparent 25%),
    linear-gradient(45deg, rgba(228, 43, 43, 0.1) 25%, transparent 25%),
    linear-gradient(315deg, rgba(228, 43, 43, 0.1) 25%, transparent 25%);
  background-size: 60px 60px;
  background-position: 0 0, 30px 0, 30px -30px, 0px 30px;
}

/* Form Input Styles */
.input-field {
  transition: all 0.2s ease;
  border: 2px solid #e5e7eb;
}

.input-field:focus {
  border-color: #e42b2b;
  box-shadow: 0 0 0 4px rgba(228, 43, 43, 0.1);
  outline: none;
}

/* Primary Button Styles */
.btn-primary {
  background: linear-gradient(135deg, #e42b2b 0%, #c41e1e 100%);
  transition: all 0.3s ease;
}

.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(228, 43, 43, 0.3);
}

/* Logo Filter (convert white to CHC red) */
.logo-red {
  filter: brightness(0) saturate(100%) invert(24%) sepia(98%) saturate(7381%) hue-rotate(355deg) brightness(95%) contrast(89%);
}

/* Floating Logo Animation */
@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}

.logo-float {
  animation: float 6s ease-in-out infinite;
}

/* Slide In Animation */
@keyframes fadeSlideIn {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.animate-slide-in {
  animation: fadeSlideIn 0.8s ease forwards;
}

.delay-100 { animation-delay: 0.1s; opacity: 0; }
.delay-200 { animation-delay: 0.2s; opacity: 0; }
.delay-300 { animation-delay: 0.3s; opacity: 0; }

/* CHC Red Link */
.chc-link {
  color: #e42b2b;
  transition: color 0.2s ease;
}

.chc-link:hover {
  text-decoration: underline;
}