/**
 * Color System - Bogdan Țifra
 * Accent Color: #e74218 (Orange-Red)
 * 
 * Acest fișier conține toate culorile folosite în proiect.
 * Pentru a schimba paleta de culori, modifică doar valorile din acest fișier.
 */

:root {
  /* Primary Colors */
  --color-dark: #0a0f1a;
  --color-primary: #1a1f2e;
  --color-accent: #e74218;
  --color-light: #ffffff;
  
  /* Accent Variations */
  --color-accent-light: #ff5a2e;
  --color-accent-dark: #c23614;
  --color-accent-hover: #ff4d1f;
  
  /* Opacity Variations for Backgrounds */
  --color-dark-80: rgba(10, 15, 26, 0.8);
  --color-dark-60: rgba(10, 15, 26, 0.6);
  --color-dark-40: rgba(10, 15, 26, 0.4);
  --color-dark-20: rgba(10, 15, 26, 0.2);
  
  --color-primary-80: rgba(26, 31, 46, 0.8);
  --color-primary-60: rgba(26, 31, 46, 0.6);
  --color-primary-40: rgba(26, 31, 46, 0.4);
  --color-primary-25: rgba(26, 31, 46, 0.25);
  --color-primary-20: rgba(26, 31, 46, 0.2);
  --color-primary-18: rgba(26, 31, 46, 0.18);
  --color-primary-10: rgba(26, 31, 46, 0.1);
  
  --color-accent-70: rgba(231, 66, 24, 0.7);
  --color-accent-60: rgba(231, 66, 24, 0.6);
  --color-accent-55: rgba(231, 66, 24, 0.55);
  --color-accent-20: rgba(231, 66, 24, 0.2);
  --color-accent-15: rgba(231, 66, 24, 0.15);
  --color-accent-10: rgba(231, 66, 24, 0.1);
  
  --color-light-90: rgba(255, 255, 255, 0.9);
  --color-light-85: rgba(255, 255, 255, 0.85);
  --color-light-80: rgba(255, 255, 255, 0.8);
  --color-light-75: rgba(255, 255, 255, 0.75);
  --color-light-70: rgba(255, 255, 255, 0.7);
  --color-light-65: rgba(255, 255, 255, 0.65);
  --color-light-60: rgba(255, 255, 255, 0.6);
  --color-light-55: rgba(255, 255, 255, 0.55);
  --color-light-40: rgba(255, 255, 255, 0.4);
  --color-light-35: rgba(255, 255, 255, 0.35);
  --color-light-20: rgba(255, 255, 255, 0.2);
  --color-light-15: rgba(255, 255, 255, 0.15);
  --color-light-10: rgba(255, 255, 255, 0.1);
  --color-light-5: rgba(255, 255, 255, 0.05);
  
  /* Gradient Backgrounds */
  --gradient-hero: linear-gradient(135deg, rgba(10, 15, 26, 0.88), rgba(26, 31, 46, 0.88));
  --gradient-card: linear-gradient(to bottom right, var(--color-dark-40), var(--color-primary-20), var(--color-dark-20));
  --gradient-radial-accent: radial-gradient(60% 60% at 50% 15%, var(--color-accent-20), transparent 60%);
  --gradient-radial-accent-alt: radial-gradient(70% 70% at 50% 0%, var(--color-accent-15), transparent 60%);
  
  /* Shadow Colors */
  --shadow-dark-40: rgba(10, 15, 26, 0.4);
  --shadow-dark-35: rgba(10, 15, 26, 0.35);
  --shadow-dark-30: rgba(10, 15, 26, 0.3);
  --shadow-dark-25: rgba(10, 15, 26, 0.25);
  --shadow-accent-20: rgba(231, 66, 24, 0.2);
  
  /* Status Colors */
  --color-success: #10b981;
  --color-success-bg: rgba(16, 185, 129, 0.1);
  --color-success-border: rgba(16, 185, 129, 0.2);
  
  --color-warning: #f59e0b;
  --color-warning-bg: rgba(245, 158, 11, 0.1);
  --color-warning-border: rgba(245, 158, 11, 0.2);
  
  --color-error: #ef4444;
  --color-error-bg: rgba(239, 68, 68, 0.1);
  --color-error-border: rgba(239, 68, 68, 0.2);
  
  /* Star Rating */
  --color-star: #fbbf24;
}

/* Tailwind Custom Classes Override */
.bg-dark { background-color: var(--color-dark) !important; }
.bg-primary { background-color: var(--color-primary) !important; }
.bg-accent { background-color: var(--color-accent) !important; }
.bg-light { background-color: var(--color-light) !important; }

.text-dark { color: var(--color-dark) !important; }
.text-primary { color: var(--color-primary) !important; }
.text-accent { color: var(--color-accent) !important; }
.text-light { color: var(--color-light) !important; }

.border-accent { border-color: var(--color-accent) !important; }
.border-light\/10 { border-color: var(--color-light-10) !important; }
.border-light\/15 { border-color: var(--color-light-15) !important; }
.border-light\/20 { border-color: var(--color-light-20) !important; }

/* Hover States */
.hover\:text-accent:hover { color: var(--color-accent) !important; }
.hover\:bg-accent:hover { background-color: var(--color-accent) !important; }
.hover\:brightness-110:hover { filter: brightness(1.1); }

/* ── Glass Card System ── */
.glass-card {
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  border: 1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.03);
  backdrop-filter: blur(12px);
  transition: all 0.3s;
}
.glass-card:hover {
  border-color: rgba(231,66,24,0.2);
  background: rgba(255,255,255,0.05);
  box-shadow: 0 0 40px -12px rgba(231,66,24,0.15);
}
.glass-card .card-line {
  position: absolute; left: 0; right: 0; top: 0; height: 2px;
  background: linear-gradient(to right, var(--color-accent), rgba(231,66,24,0.6), transparent);
  opacity: 0.4; transition: opacity 0.3s;
}
.glass-card:hover .card-line { opacity: 1; }
.glass-card .card-line-hidden { opacity: 0; }
.glass-card:hover .card-line-hidden { opacity: 1; }
.glass-card .card-grid {
  position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity 0.3s;
  background-image: linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px);
  background-size: 32px 32px;
}
.glass-card:hover .card-grid { opacity: 1; }
.glass-icon {
  display: flex; align-items: center; justify-content: center;
  border-radius: 2px;
  border: 1px solid rgba(231,66,24,0.15);
  background: rgba(231,66,24,0.07);
  color: var(--color-accent);
  transition: all 0.3s;
}
.glass-card:hover .glass-icon {
  border-color: rgba(231,66,24,0.3);
  background: rgba(231,66,24,0.12);
}
.ghost-num {
  font-family: ui-monospace, monospace;
  font-weight: 900;
  line-height: 1;
  color: rgba(255,255,255,0.04);
  transition: color 0.3s;
}
.glass-card:hover .ghost-num { color: rgba(231,66,24,0.08); }
.card-tag {
  display: flex; align-items: center; gap: 0.5rem;
  font-family: ui-monospace, monospace;
  font-size: 8px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.5em;
  color: rgba(231,66,24,0.4);
  transition: color 0.3s;
}
.glass-card:hover .card-tag { color: rgba(231,66,24,0.6); }
.card-tag-dot {
  display: inline-block; height: 4px; width: 4px; border-radius: 50%;
  background: rgba(231,66,24,0.4); transition: background 0.3s;
}
.glass-card:hover .card-tag-dot { background: rgba(231,66,24,0.7); }

/* ── School Chips ── */
.school-chip {
  display: inline-flex; align-items: center;
  border-radius: 2px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
  padding: 0.375rem 0.75rem;
  color: rgba(255,255,255,0.7);
  font-size: 13px;
  transition: all 0.2s;
}
.school-chip:hover {
  border-color: rgba(231,66,24,0.2);
  color: rgba(255,255,255,0.9);
}
.school-chip i {
  margin-right: 0.5rem; font-size: 9px;
  color: rgba(231,66,24,0.5);
}
.school-logo {
  position: absolute; inset: 0;
  pointer-events: none; opacity: 0.06;
  background-size: 380px auto;
  background-position: 95% 50%;
  background-repeat: no-repeat;
}

/* ── Star Rating ── */
.star-rating input:checked ~ label { color: #fbbf24 !important; }
.star-rating label:hover,
.star-rating label:hover ~ label { color: #fbbf24 !important; }

/* ── Tab content slide animations ── */
@keyframes slideInLeft {
  from { opacity: 0; transform: translateX(-16px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes slideInRight {
  from { opacity: 0; transform: translateX(16px); }
  to   { opacity: 1; transform: translateX(0); }
}