/* Custom Styles for Zeyes Cephe Website - Ultra-Clean White & Cream Palette (No Dark Elements) */

:root {
  --color-primary: #786c65;
  --color-primary-hover: #5c524c;
  --color-accent: #c49a6c;
  --color-bg-cream: #fdfbf7;
  --color-card-white: #ffffff;
  --color-border-warm: #eee6dc;
}

/* Smooth Soft Cream Glassmorphism */
.backdrop-glass-cream {
  background: rgba(253, 251, 247, 0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

/* Custom Calculator Radio styling (Cream Mode) */
.calc-radio-label input:checked + span {
  color: #a37848;
}

.calc-radio-label:has(input:checked) {
  border-color: #c49a6c;
  background-color: #fcf8f2;
  box-shadow: 0 4px 14px rgba(196, 154, 108, 0.15);
}

/* Form input focus transitions (Cream Mode) */
input:focus-visible, textarea:focus-visible {
  outline: none;
  border-color: #c49a6c;
  box-shadow: 0 0 0 3px rgba(196, 154, 108, 0.2);
}

/* Error state for invalid inputs */
input.invalid, textarea.invalid {
  border-color: #dc2626 !important;
  background-color: #fff5f5 !important;
}

/* Smooth transition for category filtering */
.project-card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.project-card.hidden-card {
  display: none;
  opacity: 0;
  transform: scale(0.95);
}

/* Scrollbar customization (Cream Mode) */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #fdfbf7;
}

::-webkit-scrollbar-thumb {
  background: #e2d7c9;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #c49a6c;
}