/* SoccerProcessIQ Theme Tokens */
:root {
  /* Brand */
  --sr-primary: #0f3d2e;      /* Verde esmeralda profundo (navbar, sidebar, footer) */
  --sr-secondary: #19c37d;    /* Verde eléctrico (CTA, activos, highlights) */
  --sr-tech: #0b2545;         /* Azul petróleo (fondos alternativos, secciones) */

  /* PlayerTrack brand */
  --pt-green-700: #1f7a63;
  --pt-green-600: #2fa47f;
  --pt-blue-700: #1d4ed8;
  --pt-blue-600: #2563eb;
  --pt-bg: #f8fafc;
  --pt-surface: #ffffff;
  --pt-border: #e2e8f0;
  --pt-text: #0f172a;
  --pt-text-muted: #475569;
  --pt-success: #10b981;
  --pt-warning: #f59e0b;
  --pt-danger: #ef4444;
  --pmv-green-700: var(--pt-green-700);
  --pmv-green-600: var(--pt-green-600);
  --pmv-blue-700: var(--pt-blue-700);
  --pmv-blue-600: var(--pt-blue-600);
  --pmv-bg: var(--pt-bg);
  --pmv-surface: var(--pt-surface);
  --pmv-border: var(--pt-border);
  --pmv-text: var(--pt-text);
  --pmv-text-muted: var(--pt-text-muted);
  --pmv-success: var(--pt-success);
  --pmv-warning: var(--pt-warning);
  --pmv-danger: var(--pt-danger);
  --pmv-shadow-sm: 0 10px 24px rgba(15, 23, 42, 0.06);
  --pmv-shadow-md: 0 22px 50px rgba(15, 23, 42, 0.1);
  --pmv-radius-lg: 1.25rem;
  --pmv-radius-md: 0.95rem;
  --app-header-height: 60px;

  /* Neutrals */
  --sr-bg: #f5f7fa;           /* Fondo app claro */
  --sr-surface: #ffffff;      /* Cards / paneles */
  --sr-border: #e4e7eb;       /* Bordes suaves */
  --sr-text: #3e4c59;         /* Texto principal */
  --sr-text-strong: #1f2933;  /* Texto fuerte */

  /* Status */
  --sr-success: #16a34a;
  --sr-warning: #f59e0b;
  --sr-danger: #dc2626;
  --sr-info: #0284c7;

  /* Visual */
  --sr-radius: 12px;
  --sr-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* Base */
html,
body {
  background: var(--sr-bg);
  color: var(--sr-text);
}

/* Links */
a {
  color: var(--sr-info);
}
a:hover {
  color: #016aa3;
}

/* Navbar */
.sr-navbar {
  background: var(--sr-primary) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.sr-navbar .navbar-brand,
.sr-navbar .nav-link {
  color: #fff !important;
}
.sr-navbar .nav-link:hover {
  color: var(--sr-secondary) !important;
}

/* Footer */
.sr-footer {
  background: var(--sr-primary);
  color: rgba(255, 255, 255, 0.85);
}

/* Buttons */
.btn-sr-primary {
  background: var(--sr-secondary);
  border-color: var(--sr-secondary);
  color: #fff;
}
.btn-sr-primary:hover {
  background: var(--sr-success);
  border-color: var(--sr-success);
  color: #fff;
}

.btn-sr-outline {
  background: transparent;
  border: 1px solid var(--sr-secondary);
  color: var(--sr-secondary);
}
.btn-sr-outline:hover {
  background: rgba(25, 195, 125, 0.12);
  color: var(--sr-secondary);
}

/* Cards */
.sr-card {
  background: var(--sr-surface);
  border: 1px solid var(--sr-border);
  border-radius: var(--sr-radius);
  box-shadow: var(--sr-shadow);
}
.sr-card--accent {
  border-left: 6px solid var(--sr-secondary);
}

/* Badges */
.badge-sr-success {
  background: var(--sr-success);
}
.badge-sr-warning {
  background: var(--sr-warning);
}
.badge-sr-danger {
  background: var(--sr-danger);
}
.badge-sr-info {
  background: var(--sr-info);
}

/* Sections (optional) */
.sr-section-tech {
  background: var(--sr-tech);
  color: #fff;
}

/* Categorías de valoración (opcional) */
:root {
  --sr-cat-tecnica: #0284c7; /* azul */
  --sr-cat-tactica: #19c37d; /* verde */
  --sr-cat-fisica: #f59e0b; /* naranja */
  --sr-cat-psico: #7c3aed; /* morado */
  --sr-cat-personalidad: #14b8a6; /* turquesa */
}

.sr-cat-tecnica {
  border-left: 6px solid var(--sr-cat-tecnica);
}
.sr-cat-tactica {
  border-left: 6px solid var(--sr-cat-tactica);
}
.sr-cat-fisica {
  border-left: 6px solid var(--sr-cat-fisica);
}
.sr-cat-psico {
  border-left: 6px solid var(--sr-cat-psico);
}
.sr-cat-personalidad {
  border-left: 6px solid var(--sr-cat-personalidad);
}