/**
 * MedifyCare Design-System — zentrale Design-Tokens
 *
 * Eine Farbwelt für die gesamte Plattform: Fragebogen, Terminbuchung,
 * Rezept-Konfigurator, Produktauswahl, Checkout, Danke-Seite sowie
 * Patienten- und Arzt-Dashboard beziehen ihre Farben aus diesen Tokens.
 *
 * Die Werte hier sind die Defaults. Sie werden zur Laufzeit von den
 * Design-Optionen des Plugins überschrieben (Fragebogen → Design), sodass
 * ein Farbwechsel dort die GESAMTE Plattform umfärbt.
 *
 * Modul-Stylesheets referenzieren die Tokens per
 *   var(--mcf-primary-color, <alter Wert>)
 * und funktionieren dadurch auch dann noch, wenn diese Datei fehlt.
 *
 * @package MedifyCare_Fragebogen
 * @since 1.4.1
 */

:root {
    /* ---- Markenfarben ------------------------------------------------ */
    --mcf-primary-color: #1e3a5f;
    --mcf-primary-hover: #152a45;
    --mcf-primary-light: rgba(30, 58, 95, 0.08);   /* transparente Tönung */
    --mcf-primary-soft: #eef3f9;                   /* helle Flächen-Tönung */

    /* ---- Text & Flächen ---------------------------------------------- */
    --mcf-text-color: #1e293b;
    --mcf-text-light: #64748b;
    --mcf-border-color: #e2e8f0;
    --mcf-background-color: #ffffff;
    --mcf-surface-color: #f8fafc;

    /* ---- Statusfarben ------------------------------------------------- */
    --mcf-success-color: #22c55e;
    --mcf-success-light: #dcfce7;
    --mcf-warning-color: #f59e0b;
    --mcf-warning-light: #fef3c7;
    --mcf-error-color: #ef4444;
    --mcf-error-light: #fee2e2;
    --mcf-info-color: #3b82f6;
    --mcf-info-light: #dbeafe;

    /* ---- Grauskala (Slate) -------------------------------------------- */
    --mcf-gray-50: #f8fafc;
    --mcf-gray-100: #f1f5f9;
    --mcf-gray-200: #e2e8f0;
    --mcf-gray-300: #cbd5e1;
    --mcf-gray-400: #94a3b8;
    --mcf-gray-500: #64748b;
    --mcf-gray-600: #475569;
    --mcf-gray-700: #334155;
    --mcf-gray-800: #1e293b;
    --mcf-gray-900: #0f172a;

    /* ---- Form & Tiefe -------------------------------------------------- */
    --mcf-border-radius: 8px;
    --mcf-radius-lg: 12px;
    --mcf-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    --mcf-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

    /* ---- Typografie ----------------------------------------------------- */
    --mcf-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
}