/* ✅ משתני צבעים מרכזיים לקואורדינטות - קל לעריכה! */

/* משתני הצבעים העיקריים - ערוך כאן כדי לשנות צבעי קואורדינטות */
:root {
  /* צבע בהיר לקואורדינטות - משמש למספרים ואותיות על משבצות בהירות */
  --coord-light-color: #8B4513;

  /* צבע כהה לקואורדינטות - משמש למספרים ואותיות על משבצות כהות */
  --coord-dark-color: #F5DEB3;

  /* שקיפות לקואורדינטות */
  --coord-opacity: 0.85;

  /* עובי גופן לקואורדינטות */
  --coord-font-weight: bold;

  /* גודל גופן לקואורדינטות */
  --coord-font-size: 1rem;
}

/* ✅ החלת המשתנים על הקואורדינטות */

/* סגנון בסיסי לכל הקואורדינטות */
.cg-wrap coords {
  font-size: var(--coord-font-size);
  font-weight: var(--coord-font-weight);
  opacity: var(--coord-opacity);
}

/* קואורדינטות עבור לוח לבן (white orientation) */
.cg-wrap coords.files coord:nth-child(odd) {
    color: var(--coord-dark-color) !important;
}
.cg-wrap coords.files coord:nth-child(even) {
    color: var(--coord-light-color) !important;
}
.cg-wrap coords.ranks coord:nth-child(odd) {
    color: var(--coord-dark-color) !important;

}
.cg-wrap coords.ranks coord:nth-child(even) {
    color: var(--coord-light-color) !important;
}

/* קואורדינטות עבור לוח שחור (black orientation) - צבעים הפוכים */
.cg-wrap .ranks.black coord:nth-child(odd) {
  color: var(--coord-dark-color) !important;
}
.cg-wrap .ranks.black coord:nth-child(even) {
  color: var(--coord-light-color) !important;
}

.cg-wrap coords.files.black coord:nth-child(odd) {
  color: var(--coord-light-color) !important;
}
.cg-wrap coords.files.black coord:nth-child(even) {
  color: var(--coord-dark-color) !important;
}

/* ✅ צבעים מותאמים לכל טים */

/* טים חום */
body.board-theme-brown {
  --coord-light-color: #8B4513;
  --coord-dark-color: #F5DEB3;
}

/* טים כחול-ירוק */
body.board-theme-blue-green {
  --coord-light-color: #2F4F4F;
  --coord-dark-color: #E0FFFF;
}

/* טים ירוק */
body.board-theme-green {
  --coord-light-color: #228B22;
  --coord-dark-color: #F0FFF0;
}

/* טים טורניר */
body.board-theme-tournament {
  --coord-light-color: #696969;
  --coord-dark-color: #FFFFFF;
}

/* טים ורוד */
body.board-theme-pink {
  --coord-light-color: #C71585;
  --coord-dark-color: #FFF0F5;
}

/* טים סגול */
body.board-theme-purple {
  --coord-light-color: #4B0082;
  --coord-dark-color: #F8F8FF;
}

/* טים קלאסי (שחור-לבן) */
body.board-theme-classic {
  --coord-light-color: #000000;
  --coord-dark-color: #FFFFFF;
}

/* ✅ אפשרויות נוספות לעיצוב */

/* הוספת צל לטקסט הקואורדינטות לקריאות טובה יותר */
.cg-wrap coords coord {
  /*text-shadow: 0 0 3px rgba(255, 255, 255, 0.5);*/
  transition: color 0.3s ease;
}

/* התאמת צבעים לנושאים כהים */
body.board-theme-classic .cg-wrap coords coord {
  /*text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);*/
}

body.board-theme-purple .cg-wrap coords coord {
  /*text-shadow: 0 0 2px rgba(255, 255, 255, 0.7);*/
}

body.board-theme-pink .cg-wrap coords coord {
  /*text-shadow: 0 0 2px rgba(255, 255, 255, 0.6);*/
}