/* ============================================================================
   miComunidad Escolar — Design Tokens
   Sistema "premium oscuro lateral + crema + blanco"
   ============================================================================ */

:root {
    /* === BRAND ============================================================ */
    --brand-teal:         #6DC7D0;  /* exacto del wordmark — NO sustituir */
    --brand-teal-primary: #6EC6C8;
    --brand-teal-dark:    #4BA8AA;
    --brand-teal-deep:    #3A8F91;

    /* === SURFACES ========================================================= */
    --bg:                  #F4F0E6;  /* lienzo principal — crema cálido */
    --bg-panel:            #FFFFFF;  /* cards y módulos */
    --bg-cream:            #FAF7F1;  /* aside lateral */
    --bg-light-teal:       #E8F4F8;  /* hovers teal */
    --bg-rail:             #141619;  /* rail más oscuro */
    --bg-sidebar:          #1E2126;  /* sidebar carbón */
    --bg-sidebar-hover:    #2A2E35;
    --bg-sidebar-active:   rgba(110, 198, 200, 0.18);

    /* === TEXT ============================================================= */
    --text-primary:        #1A1C1F;
    --text-secondary:      #5C6068;
    --text-muted:          #8B9098;
    --text-sidebar:        #C7CBD1;
    --text-sidebar-muted:  #8B9098;
    --text-sidebar-active: #FFFFFF;

    /* === BORDERS ========================================================== */
    --border-soft:    #E8E4DD;
    --border-med:     #D4CFC5;
    --border-sidebar: #2F343B;

    /* === SEMANTIC ========================================================= */
    --danger:   #A32D2D;
    --warning:  #BA7517;
    --success:  #1D9E75;
    --info:     #2D6EA3;
    --pin-gold: #B8860B;

    /* === NEM · Campos Formativos ========================================== */
    --cf-lenguajes:    #DB2777;
    --cf-lenguajes-bg: #FCE7F3;
    --cf-saberes:      #0891B2;
    --cf-saberes-bg:   #CFFAFE;
    --cf-etica:        #D97706;
    --cf-etica-bg:     #FEF3C7;
    --cf-humano:       #059669;
    --cf-humano-bg:    #D1FAE5;

    /* === Tipos de Proyecto ================================================ */
    --t-nem:      #D97706;
    --t-pmc:      #7C3AED;
    --t-evento:   #DB2777;
    --t-concurso: #DC2626;
    --t-comite:   #2563EB;
    --t-proceso:  #6B7280;

    /* === SHADOWS ========================================================== */
    --shadow-sm: 0 1px 2px  rgba(26, 28, 31, 0.04), 0 1px 3px rgba(26, 28, 31, 0.06);
    --shadow-md: 0 4px 12px rgba(26, 28, 31, 0.08), 0 2px 4px rgba(26, 28, 31, 0.04);
    --shadow-lg: 0 12px 32px rgba(26, 28, 31, 0.12), 0 4px 8px rgba(26, 28, 31, 0.06);

    /* === RADIUS =========================================================== */
    --radius-sm:  6px;
    --radius-md:  9px;
    --radius-lg:  12px;
    --radius-xl:  16px;
    --radius-2xl: 22px;

    /* === Z-INDEX (extra para layout fixed) ================================ */
    --z-rail:    50;
    --z-sidebar: 40;
    --z-aside:   30;
    --z-overlay: 1000;

    /* === Tipografía referencias =========================================== */
    --font-serif: "Fraunces", Georgia, "Times New Roman", serif;
    --font-sans:  "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-mono:  "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
    --font-icon:  "Material Symbols Rounded";
}