/* ===================================================
   EASYBAKUS – ZENTRALE THEME-VARIABLEN
   Beide Themes (Light + Dark) an einem Ort editieren.
   =================================================== */

/* ─── Dark Theme (Standard / App Mode) ─── */
:root,
[data-theme="dark"] {
    /* Kernfarben – Corporate Identity #B0E0B6 */
    --primary-color: #B0E0B6;
    --secondary-color: #94a3b8;
    --accent-color: #B0E0B6;

    /* Variationen */
    --primary-dark: #8BC894;
    --primary-light: #D4F0D8;
    --secondary-dark: #64748b;
    --secondary-light: rgba(51, 65, 85, 0.95);

    /* Transparente Versionen – Primär */
    --primary-transparent-10: rgba(176, 224, 182, 0.10);
    --primary-transparent-15: rgba(176, 224, 182, 0.15);
    --primary-transparent-20: rgba(176, 224, 182, 0.20);
    --primary-transparent-30: rgba(176, 224, 182, 0.30);
    --primary-transparent-40: rgba(176, 224, 182, 0.40);
    --primary-transparent-50: rgba(176, 224, 182, 0.50);
    --primary-transparent-80: rgba(176, 224, 182, 0.80);

    /* Transparente Versionen – Sekundär */
    --secondary-transparent-10: rgba(148, 163, 184, 0.10);
    --secondary-transparent-15: rgba(148, 163, 184, 0.15);
    --secondary-transparent-40: rgba(148, 163, 184, 0.40);
    --secondary-transparent-80: rgba(148, 163, 184, 0.80);

    /* Neutrale Hintergrundfarben */
    --bg-light: #1e293b;
    --bg-lighter: #0f172a;
    --bg-white: #334155;

    /* Textfarben */
    --text-dark: #e5e7eb;
    --text-medium: #cbd5e1;
    --text-light: #94a3b8;

    /* Primärfarbe für Text (im Dark Theme identisch mit --primary-color, da bereits gut lesbar) */
    --primary-text: var(--primary-color);
    --primary-heading: var(--primary-color);

    /* Body-Hintergrund */
    --body-bg: #0f172a;

    /* Card-Theming */
    --card-bg: linear-gradient(135deg, rgba(30, 41, 59, 0.98), rgba(51, 65, 85, 0.95));
    --card-bg-completed: linear-gradient(135deg, rgba(30, 41, 59, 0.98), rgba(176, 224, 182, 0.12));
    --card-border: #334155;
    --card-header-bg: linear-gradient(135deg, rgba(176, 224, 182, 0.15), rgba(139, 200, 148, 0.05));
    --card-body-bg: rgba(15, 23, 42, 0.5);
    --border-color: #475569;
}

/* ─── Light Theme (Presentation Mode – optional override) ─── */
[data-theme="light"] {
    /* Kernfarben – Corporate Identity #B0E0B6 */
    --primary-color: #B0E0B6;
    --secondary-color: #888888;
    --accent-color: #B0E0B6;

    /* Variationen */
    --primary-dark: #7AB885;
    --primary-light: #D4F0D8;
    --secondary-dark: #666666;
    --secondary-light: #f5f5f5;

    /* Transparente Versionen – Primär */
    --primary-transparent-10: rgba(176, 224, 182, 0.10);
    --primary-transparent-15: rgba(176, 224, 182, 0.15);
    --primary-transparent-20: rgba(176, 224, 182, 0.20);
    --primary-transparent-30: rgba(176, 224, 182, 0.30);
    --primary-transparent-40: rgba(176, 224, 182, 0.40);
    --primary-transparent-50: rgba(176, 224, 182, 0.50);
    --primary-transparent-80: rgba(176, 224, 182, 0.80);

    /* Transparente Versionen – Sekundär */
    --secondary-transparent-10: rgba(136, 136, 136, 0.10);
    --secondary-transparent-15: rgba(136, 136, 136, 0.15);
    --secondary-transparent-40: rgba(136, 136, 136, 0.40);
    --secondary-transparent-80: rgba(136, 136, 136, 0.80);

    /* Neutrale Hintergrundfarben */
    --bg-light: #e5e5e5;
    --bg-lighter: #f5f5f5;
    --bg-white: #ffffff;

    /* Textfarben */
    --text-dark: #333;
    --text-medium: #555;
    --text-light: #666;

    /* Primärfarbe für Text (dunklerer Ton für Lesbarkeit im Light Theme) */
    --primary-text: #2B5E38;
    --primary-heading: #1E4D2B;

    /* Body-Hintergrund */
    --body-bg: #f5f5f5;

    /* Card-Theming */
    --card-bg: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);
    --card-bg-completed: linear-gradient(135deg, #ffffff 0%, rgba(176, 224, 182, 0.08) 100%);
    --card-border: #d0d0d0;
    --card-header-bg: linear-gradient(135deg, rgba(176, 224, 182, 0.15), rgba(176, 224, 182, 0.06));
    --card-body-bg: rgba(245, 245, 245, 0.6);
    --border-color: #c0c0c0;
}