@import url("./features-green.css");

/* Tema azul: conserva la estructura y los componentes originales. */
:root {
  --green-950: #071b3f;
  --green-900: #0a2b63;
  --green-800: #12468f;
  --green-700: #1d61bf;
  --green-600: #2879de;
  --green-100: #dceaff;
  --green-50: #f2f7ff;
  --ink: #12213e;
  --muted: #5c6d8d;
  --line: #d7e2f4;
  --canvas: #f4f7fc;
}

.sidebar { background: linear-gradient(180deg, rgba(7, 27, 63, .96), rgba(5, 18, 45, .99)), url("./kfmfondoazul.png") center / cover; }
.brand strong { display: none; }
.brand .brand-mark, .brand-mark { border-color: rgba(155, 195, 255, .55); }
.brand strong, .hero-card .eyebrow, .hero-mark small { color: #9dc5ff; }
.nav-link:hover, .nav-link.active { background: rgba(112, 168, 255, .18); }
.status-dot { background: #77aeff; box-shadow: 0 0 0 4px rgba(119, 174, 255, .13); }
.hero-card { background: radial-gradient(circle at 78% 18%, rgba(117, 180, 255, .34), transparent 32%), linear-gradient(135deg, var(--green-950), var(--green-800)); }
.hero-card .button.primary { color: #fff; background: #3b82f6; box-shadow: 0 12px 26px rgba(30, 98, 203, .25); }
.hero-card .button.primary:hover { background: #2e6fd7; }
.hero-mark > span { font-size: 0; }
.hero-mark > span::after { content: "WUSHU"; font-size: 2.15rem; font-weight: 800; letter-spacing: .08em; }
.hero-mark small { font-size: 0; }
.hero-mark small::after { content: "Kung Fu · Wushu"; font-size: .72rem; letter-spacing: .13em; }
.auth-backdrop { background: linear-gradient(130deg, rgba(5, 22, 56, .90), rgba(20, 81, 169, .73)), url("./kfmfondoazul.png") center / cover; }
.auth-card { border-color: rgba(175, 207, 255, .45); box-shadow: 0 24px 65px rgba(4, 24, 62, .34); }
.auth-brand .brand-mark { background: linear-gradient(135deg, #0b3778, #2f83eb); }
.auth-brand img, .sidebar .brand img { object-position: center; }
.auth-brand h1, .topbar h1 { font-size: 0; }
.auth-brand h1::after { content: "KungFu Masters"; font-size: 21px; letter-spacing: -.035em; }
.topbar h1::after { content: "KungFu Masters"; font-size: 21px; letter-spacing: -.03em; }
.auth-card .button.primary, .button.primary { background: linear-gradient(135deg, #1c63c6, #3988ef); }
.auth-card .button.primary:hover, .button.primary:hover { background: linear-gradient(135deg, #1651a3, #2d73cd); }
.avatar-edit { border-color: #a9cbff; background: #edf5ff; color: #1659b4; }
.detail-header { background: linear-gradient(135deg, #0a2b63, #1d61bf); }
.athlete-dialog::backdrop { background: rgba(7, 27, 63, .74); backdrop-filter: blur(5px); }
.detail-header p { color: #d7e8ff; }