@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  --bs-primary: #6366f1;
  --bs-body-bg: #f8fafc;
  --bs-body-color: #1e293b;
  --bs-card-bg: #ffffff;
  --bs-border-color: #e2e8f0;
}

[data-bs-theme="dark"] {
  --bs-body-bg: #0f172a;
  --bs-body-color: #e2e8f0;
  --bs-card-bg: #1e293b;
  --bs-border-color: #334155;
  --bs-secondary-color: #94a3b8;      /* for muted text */
}

body { font-family: 'Inter', system-ui, sans-serif; }

.card {
  border: none;
  border-radius: 1rem;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
  transition: transform 0.2s, box-shadow 0.2s;
}

.card:hover { transform: translateY(-4px); }

.btn { border-radius: 0.75rem; padding: 0.75rem 1.5rem; font-weight: 500; }

.container { max-width: 1200px; padding: 1.5rem; }

.bg-gradient-hero {
  background: linear-gradient(135deg, #f8fafc 0%, #e0f2fe 100%);
}

[data-bs-theme="dark"] .bg-gradient-hero {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
}

/* Notes row styles*/
tr.notes-row {
    visibility: collapse;
    opacity: 0;
    transition: opacity 0.4s ease;
}

tr.notes-row.show {
    visibility: visible;
    opacity: 1;
}

tr.workout-row {
    cursor: pointer;
}

tr.workout-row:hover > td {
    background-color: rgba(var(--bs-body-color), 0.1);
    transition: background-color 0.2s ease;
}

tr.notes-row .notes-content {
    background-color: rgba(var(--bs-body-color), 0.03);
    border-left: 3px solid var(--bs-primary);
    border-radius: 0.5rem;
    margin: 0.5rem 0;
}

tr.notes-row:not(.show) .notes-content {
    border-left: none !important;
}