/* Text Color Fix - إصلاح ألوان النصوص الشاملة */
/* استخدام المتغيرات العامة من variables.css */

/* Ensure all text has proper color */
.page-container {
  color: var(--color-gray-900);
}

.page-container h1,
.page-container h2,
.page-container h3,
.page-container h4,
.page-container h5,
.page-container h6 {
  color: var(--color-gray-900);
}

.page-container p,
.page-container span,
.page-container label,
.page-container a,
.page-container li,
.page-container td,
.page-container th,
.page-container div,
.page-container button {
  color: var(--color-black);
}

/* Card text colors */
.card,
.card-body,
.card-header {
  color: var(--color-white);
}

.card p,
.card span,
.card label {
  color: var(--color-gray-800);
}

.card h3,
.card h4,
.card h5 {
  color: var(--color-gray-900);
}

/* Form colors */
.form-container,
.form-group,
.form-label {
  color: var(--color-gray-900);
}

.form-group label {
  color: var(--color-gray-900);
}

.form-group input::placeholder,
.form-group textarea::placeholder,
.form-group select::placeholder {
  color: var(--color-gray-400);
}

/* Button text */
.btn,
.tool-btn,
button {
  color: var(--color-gray-900);
}

.btn-primary {
  color: var(--color-white);
}

/* Table colors */
table,
th,
td {
  color: var(--color-gray-900);
}

thead {
  color: var(--color-gray-900);
}

tbody tr {
  color: var(--color-gray-800);
}

/* Stats and cards */
.stat-card,
.dashboard-card {
  color: var(--color-gray-900);
}

.stat-number,
.dashboard-card-title {
  color: var(--color-gray-900);
}

.stat-label,
.dashboard-card-description {
  color: var(--color-gray-800);
}

/* News websites page specific */
.website-name {
  color: var(--color-gray-800);
}

.website-name-en {
  color: var(--color-gray-400);
}

.website-url {
  color: var(--color-gray-500);
}

/* Empty state */
.empty-state,
.empty-state p,
.empty-state h2 {
  color: var(--color-gray-500);
}

/* No results */
.no-results-content h2,
.no-results-content p {
  color: var(--color-gray-800);
}

/* Navigation */
.breadcrumb-nav a,
.breadcrumb-nav span {
  color: var(--color-gray-900);
}

/* Ensure input text is always dark */
input,
textarea,
select {
  color: var(--color-gray-900);
  background-color: var(--color-white);
}

input:focus,
textarea:focus,
select:focus {
  color: var(--color-gray-900);
}

/* Override any light text */
.text-light {
  color: var(--color-gray-900) !important;
}

.text-muted {
  color: var(--color-gray-500) !important;
}

.text-secondary {
  color: var(--color-gray-800) !important;
}

/* Ensure white text only on dark backgrounds */
.bg-primary,
.bg-dark,
.page-header {
  color: var(--color-white);
}

.bg-primary *,
.bg-dark *,
.page-header * {
  color: var(--color-white);
}

/* Final override for any remaining issues */
* {
  color: inherit;
}