:root {

  --tc-bg: #0f172a;

  --tc-card: #111827;

  --tc-text: #e5e7eb;

  --tc-muted: #9ca3af;



  --tc-primary: #22c55e;

  --tc-accent: #facc15;

}

body {

  background-color: var(--tc-bg);

  color: var(--tc-text);

  font-family: Inter, Arial, Helvetica, sans-serif;

}

a {

  color: var(--tc-primary);

  text-decoration: none;

}



a:hover {

  color: #16a34a;

  text-decoration: underline;

}

.tc-card {

  background: var(--tc-card);

  border-radius: 14px;

  padding: 1rem;

  margin-bottom: 1rem;

  box-shadow: 0 8px 20px rgba(0,0,0,.35);

}

.table.tc-table {

  color: var(--tc-text);

  background: transparent;

}



.table.tc-table th {

  background: #1f2933;

  color: var(--tc-accent);

  font-weight: 600;

  border: none;

}



.table.tc-table td {

  border-color: #374151;

}



.table.tc-table tr:hover {

  background: rgba(255,255,255,.03);

}





.tc-me {

  background: rgba(34,197,94,.15) !important;

}



.tc-score {

  font-weight: 700;

  color: var(--tc-accent);

}

.btn-tc {

  background: var(--tc-primary);

  border: none;

  color: #052e16;

  font-weight: 600;

  border-radius: 10px;

}



.btn-tc:hover {

  background: #16a34a;

  color: #052e16;

}

.verde { color: var(--tc-primary); }

.rosso { color: #ef4444; }

.blu { color: #3b82f6; }

.giallo { color: var(--tc-accent); }