/*
 * Accent gradient palette — six rotating tones used by stat cards,
 * problem cards, feature cards, review cards, and post cards.
 * Order is meaningful: index N modulo 6 picks gradient N+1.
 */
:root {
  --gradient-1: linear-gradient(135deg, #ff6f00 0%, #ffb74d 100%);
  --gradient-2: linear-gradient(135deg, #00897b 0%, #80cbc4 100%);
  --gradient-3: linear-gradient(135deg, #5b9bd5 0%, #b4d7f5 100%);
  --gradient-4: linear-gradient(135deg, #9c27b0 0%, #ce93d8 100%);
  --gradient-5: linear-gradient(135deg, #2e7d32 0%, #81c784 100%);
  --gradient-6: linear-gradient(135deg, #c62828 0%, #ef9a9a 100%);
}

.accent-bar          { height: 4px; width: 100%; flex-shrink: 0; }
.accent-bar--1       { background: var(--gradient-1); }
.accent-bar--2       { background: var(--gradient-2); }
.accent-bar--3       { background: var(--gradient-3); }
.accent-bar--4       { background: var(--gradient-4); }
.accent-bar--5       { background: var(--gradient-5); }
.accent-bar--6       { background: var(--gradient-6); }