/**
 * ChurchFoundry Shared Theme Definitions
 * CSS custom properties per theme, consumed by the sermons CSS (the events
 * CSS spells its colors out). The default theme defines none: each use
 * carries the default as its fallback. --cf-surface is the color of a
 * panel or dialog, which --cf-bg (transparent in Minimal) cannot be.
 * Also contains shared @keyframes.
 */

/* Shared loading spinner animation — single definition for all shortcodes */
@keyframes cf-spin {
    to {
        transform: rotate(360deg);
    }
}

/* Theme: Minimal */
[data-theme="minimal"] {
    --cf-surface: #fff;
    --cf-bg: transparent;
    --cf-text: #111827;
    --cf-text-secondary: #6b7280;
    --cf-border: #e5e7eb;
    --cf-input-bg: #fff;
    --cf-input-border: #d1d5db;
    --cf-accent: #3b82f6;
    --cf-radius: 0px;
}

/* Theme: Forest (Dark) */
[data-theme="forest"] {
    --cf-surface: #1a2e1a;
    --cf-bg: #1a2e1a;
    --cf-text: #e5e7eb;
    --cf-text-secondary: #9ca3af;
    --cf-border: #3d5a3d;
    --cf-input-bg: #2d4a2d;
    --cf-input-border: #3d5a3d;
    --cf-accent: #22c55e;
    --cf-radius: 12px;
}

/* Theme: Slate (Dark) */
[data-theme="slate"] {
    --cf-surface: #1e293b;
    --cf-bg: #1e293b;
    --cf-text: #e5e7eb;
    --cf-text-secondary: #9ca3af;
    --cf-border: #475569;
    --cf-input-bg: #334155;
    --cf-input-border: #475569;
    --cf-accent: #6366f1;
    --cf-radius: 12px;
}