/* ==========================================================
   THEME — ENGLISH CONNECTION BRAND (Cloud)
   ==========================================================
   Brand: English Connection — https://englishconnection.es/
   To use: cp theme.css.englishconnection.dist theme.css
   ========================================================== */

/* 1. BRAND FONT */

/* 2. BRAND COLOR PALETTE — English Connection */
:root {
    /* Brand palette */
    --color-primary:   #2E52A0;   /* Azul English Connection — nav, headings */
    --color-secondary: #E94445;   /* Rojo CTA — action buttons */
    --color-accent:    #1E3A72;   /* Azul oscuro profundo — deeper shade */
    --color-highlight: #F2295B;   /* Rosa/Magenta — gradient accent */

    /* Semantic colors */
    --color-danger:    #E94445;
    --color-success:   #36a76e;
    --color-warning:   #e67e22;
    --color-info:      #9cf2ff;   /* Cyan claro — login decorative text */

    /* Neutrals */
    --color-text:      #333333;
    --color-bg:        #F4F3F9;
    --color-nav-text:  #ffffff;
    --color-nav-hover: rgba(255, 255, 255, 0.15);

    /* Typography */
    --font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-body:    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}