/* ============================================================
   Base Theme Variables — Fallback for all themes
   Every specific theme overrides these.
   ============================================================ */
:root {
    --theme-name:    'Default';
    --theme-emoji:   '🎨';

    /* Primary (indigo) */
    --primary:       #6366f1;
    --primary-hover: #4f46e5;
    --primary-soft:  #eef2ff;

    /* Accent (violet) */
    --accent:        #8b5cf6;
    --accent-soft:   #f5f3ff;

    /* Backgrounds */
    --bg-page:       #f8fafc;
    --bg-card:       #ffffff;
    --bg-hover:      #f1f5f9;
    --bg-elevated:   #ffffff;

    /* Text */
    --text-strong:   #0f172a;
    --text:          #1e293b;
    --text-muted:    #64748b;
    --text-faint:    #94a3b8;
    --text-inverse:  #ffffff;

    /* Borders */
    --border:        #e2e8f0;
    --border-strong: #cbd5e1;

    /* Status */
    --success: #16a34a;  --success-soft: #dcfce7;
    --danger:  #dc2626;  --danger-soft:  #fee2e2;
    --warning: #d97706;  --warning-soft: #fef3c7;
    --info:    #0284c7;  --info-soft:    #e0f2fe;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
    --shadow:    0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
    --shadow-lg: 0 10px 25px rgba(15, 23, 42, 0.08), 0 4px 10px rgba(15, 23, 42, 0.04);

    /* Decorations */
    --hero-gradient:   linear-gradient(135deg, #eef2ff 0%, #faf5ff 100%);
    --header-gradient: linear-gradient(90deg, #6366f1 0%, #8b5cf6 100%);

    /* Radii (consistent) */
    --radius-sm:  8px;
    --radius:     12px;
    --radius-lg:  16px;
    --radius-xl:  20px;
}