/* يلا هدايا — هوية العلامة التجارية الرسمية */
:root {
  --yg-bg: #F8F6F2;
  --yg-bg-section: #F2EEE8;
  --yg-card: #FFFFFF;
  --yg-primary: #0E1726;
  --yg-accent: #B77945;
  --yg-accent-hover: #9F643A;
  --yg-accent-light: #D8C7B3;
  --yg-text: #3A3A3A;
  --yg-text-muted: #6E6E6E;
  --yg-border: #E7E1D8;
  --yg-success: #7FA38A;
  --yg-error: #C45A5A;
  --yg-warning: #D9A441;
}

/* توحيد ألوان Tailwind الافتراضية مع الهوية */
.border-gray-50 { border-color: var(--yg-bg-section) !important; }
.border-gray-100,
.border-gray-200 { border-color: var(--yg-border) !important; }
.bg-gray-50,
.bg-gray-50\/60 { background-color: var(--yg-bg-section) !important; }
.bg-gray-100 { background-color: var(--yg-bg-section) !important; }
.hover\:bg-gray-50:hover,
.hover\:bg-gray-100:hover { background-color: var(--yg-bg-section) !important; }
.hover\:bg-gray-200:hover { background-color: var(--yg-border) !important; }

.bg-amber-50,
.hover\:bg-amber-50:hover { background-color: rgba(183, 121, 69, 0.08) !important; }
.border-amber-100,
.border-amber-200,
.hover\:border-amber-200:hover { border-color: rgba(183, 121, 69, 0.25) !important; }

.bg-red-50,
.hover\:bg-red-50:hover { background-color: rgba(196, 90, 90, 0.08) !important; }
.border-red-100,
.border-red-200 { border-color: rgba(196, 90, 90, 0.2) !important; }
.text-red-500,
.text-red-600,
.text-red-700 { color: var(--yg-error) !important; }

.bg-green-100 { background-color: rgba(127, 163, 138, 0.15) !important; }

.text-muted { color: var(--yg-text-muted) !important; }
.text-charcoal { color: var(--yg-primary) !important; }

/* الروابط */
a:not(.btn-gold):not(.btn-outline):not(.nav-link):not(.no-brand-link):not([class*="text-white"]):not([class*="text-gold"]) {
  color: var(--yg-primary);
  transition: color 0.2s ease;
}
a:not(.btn-gold):not(.btn-outline):not(.nav-link):not(.no-brand-link):not([class*="text-white"]):not([class*="text-gold"]):hover {
  color: var(--yg-accent);
}

/* حقول الإدخال — Tailwind forms */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
select,
textarea {
  border-color: var(--yg-border);
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):focus,
select:focus,
textarea:focus {
  border-color: var(--yg-accent) !important;
  box-shadow: 0 0 0 3px rgba(183, 121, 69, 0.12) !important;
  outline: none;
}