/* ══════════════════════════════════════════════════
   ISNL — base.css
   Variables · Reset · Tipografía
══════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════
   Instituto Superior Nueva Luz — app.css
   public/css/app.css
   Paleta: #011e31 (navy) · #fbd521 (yellow) · #e52f32 (red)
══════════════════════════════════════════════════════ */

/* ─── Variables ──────────────────────────────────── */
:root {
    --navy:   #011e31;
    --yellow: #fbd521;
    --red:    #e52f32;
    --white:  #ffffff;
    --light:  #f4f6f8;
    --gray:   #6b7280;
    --dark:   #020f18;
    --green:  #16a34a;

    --font-display: 'Barlow Condensed', sans-serif;
    --font-body:    'Barlow', sans-serif;

    --shadow-sm: 0 2px 8px rgba(1,30,49,0.08);
    --shadow-md: 0 8px 24px rgba(1,30,49,0.12);
    --shadow-lg: 0 16px 48px rgba(1,30,49,0.16);

    --radius: 6px;
    --transition: 0.2s ease;
}

/* ─── Reset ──────────────────────────────────────── */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
}

body {
    font-family: var(--font-body);
    background: var(--white);
    color: var(--navy);
    overflow-x: hidden;
    line-height: 1.6;
}

img { max-width: 100%; display: block; }
a { color: inherit; }