/* Cloud counter themes — 5 named palettes applied via .tc-theme-{slug}
   on the root of any embed/spectator/cloud counter card. Themes set
   --tc-bg / --tc-surface / --tc-fg / --tc-muted / --tc-accent custom
   properties; embed.blade.php + spectator.blade.php both read them.

   Defaults (`.tc-theme-default`) inherit from the site's existing
   light/dark theme variables, so anyone who never picks a theme keeps
   the look they have today.

   To add a new palette: add a `.tc-theme-{slug}` rule below AND extend
   the THEMES enum in EmbedController + the picker in
   resources/views/partials/modals/counter-share-settings.blade.php. */

.tc-theme-default {
    --tc-bg:      var(--bg-primary, #ffffff);
    --tc-surface: var(--bg-secondary, #f9fafb);
    --tc-fg:      var(--text-primary, #111827);
    --tc-muted:   var(--text-tertiary, #6b7280);
    --tc-border:  var(--border-color, rgba(0,0,0,0.08));
    --tc-accent:  var(--counter-color, #7c3aed);
}

/* Deep editorial dark — high contrast, great for OBS overlays + streams. */
.tc-theme-midnight {
    --tc-bg:      #0b1020;
    --tc-surface: #131a31;
    --tc-fg:      #f8fafc;
    --tc-muted:   #94a3b8;
    --tc-border:  rgba(148, 163, 184, 0.18);
    --tc-accent:  #38bdf8;
}

/* Warm peach/coral on cream — fundraisers, events, friendly counts. */
.tc-theme-sunrise {
    --tc-bg:      #fff7ed;
    --tc-surface: #ffedd5;
    --tc-fg:      #431407;
    --tc-muted:   #9a3412;
    --tc-border:  rgba(154, 52, 18, 0.18);
    --tc-accent:  #ea580c;
}

/* Cool fresh mint — sports/health/fitness trackers. */
.tc-theme-mint {
    --tc-bg:      #f0fdf4;
    --tc-surface: #dcfce7;
    --tc-fg:      #052e16;
    --tc-muted:   #166534;
    --tc-border:  rgba(22, 101, 52, 0.18);
    --tc-accent:  #16a34a;
}

/* Pure mono — black on white, no flourish; print-friendly + neutral. */
.tc-theme-mono {
    --tc-bg:      #ffffff;
    --tc-surface: #f5f5f5;
    --tc-fg:      #0a0a0a;
    --tc-muted:   #525252;
    --tc-border:  rgba(10, 10, 10, 0.12);
    --tc-accent:  #0a0a0a;
}