/* ========================================
   FICHIER DE PERSONNALISATION DES COULEURS
   Thème sombre — homogène avec l'accueil (mickael.photos/app/)
   et CinéDuo. L'accent orange reprend la couleur de la tuile
   "Recettes" affichée sur l'écran d'accueil.
   ======================================== */

:root {
    /* Couleurs principales (accent de l'app) */
    --primary: #FF6B6B;
    --primary-dark: #E85555;
    --secondary: #FF8E53;

    /* Couleurs d'action — mêmes valeurs que l'accueil et CinéDuo */
    --success: #34C759;
    --danger: #FF3B30;
    --warning: #FF9F0A;

    /* Fond de l'application (identique à l'accueil) */
    --bg-gradient-start: #0f0c29;
    --bg-gradient-mid:   #302b63;
    --bg-gradient-end:   #24243e;

    /* Surfaces sombres */
    --card:       rgba(255,255,255,0.055);
    --card-solid: #1c1a33;
    --border:     rgba(255,255,255,0.10);
    --light:      rgba(255,255,255,0.05);   /* ex-fond clair → surface sombre légère */
    --dark:       #ffffff;                   /* ex-texte foncé → texte clair principal */
    --white:      #ffffff;

    /* Textes */
    --text:       #ffffff;
    --text-muted: rgba(255,255,255,0.55);
    --text-faint: rgba(255,255,255,0.35);

    /* Couleurs des ingrédients */
    --ingredient-bg:   rgba(255,107,107,0.14);
    --ingredient-text: #FF9478;

    /* Couleurs des instructions */
    --instructions-bg: rgba(255,255,255,0.045);

    /* Ombres */
    --shadow-color: rgba(0, 0, 0, 0.45);
    --shadow: 0 10px 40px var(--shadow-color);
}