/* ==========================================================
   THEME — Edit this file to rebrand the entire platform
   ========================================================== */

/* 1. BRAND FONT */
@font-face {
    font-family: 'Mozilla Headline';
    src: url('/fonts/MozillaHeadline.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* 2. BRAND COLOR PALETTE
   To rebrand: change ONLY the values below.
   Every color in the app derives from these variables.
   -------------------------------------------------------- */
:root {
    /* Brand palette */
    --color-primary:   #003478;   /* Azul oscuro — nav, headings */
    --color-secondary: #00C7B2;   /* Verde turquesa — CTA, buttons */
    --color-accent:    #0088CE;   /* Azul claro — supporting shade, gradients */
    --color-highlight: #9278D1;   /* Morado — decorative accent */

    /* Extended palette */
    --color-primary-light: #0088CE;   /* Lighter/mid shade — botonazul, focus rings */
    --color-danger-dark:   #b52020;   /* Darker danger — button gradient start */

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

    /* Neutrals */
    --color-text:      #5f5f5f;
    --color-bg:        #f3f3f3;
    --color-nav-text:  #ffffff;
    --color-nav-hover: rgba(255, 255, 255, 0.15);

    /* Typography */
    --font-heading: 'Mozilla Headline', 'Roboto', sans-serif;
    --font-body:    'Roboto', sans-serif;
}