/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* -- style.css -- */
/*
Theme Name: GeneratePress Child � ILAB Malang
Description: Child theme untuk ILAB Malang
Author: ILAB Malang
Template: generatepress Version: 1.0.0
*/
/* Import font Google � Raleway (heading) + Nunito (body) */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@700;800;900&family=Nunito:wght@400;500;600;700&display=swap');
/* -- Variabel warna ILAB Malang (Arema Blue + Orange) -- */
:root {
    --ilab-blue: #0057B8;
    --ilab-blue-light: #1A7FE8;
    --ilab-blue-dark: #003D82;
    --ilab-blue-deeper: #00275A;
    --ilab-blue-tint: #E8F3FD;
    --ilab-orange: #FF6B00;
    --ilab-orange-light:#FF8C2E;
    --ilab-orange-tint: #FFF0E6;
    --ilab-navy: #0A1628;
    }

/* -- Typography global -- */
body
    {
    font-family: 'Nunito', sans-serif;
    font-size: 16px; line-height: 1.7;
    }
h1, h2, h3, h4, h5, h6, .site-title, .entry-title
    {
        font-family: 'Raleway', sans-serif;
        font-weight: 800; letter-spacing: -0.3px;
    }

/* -- Warna link -- */
a { color: var(--ilab-blue); }
a:hover { color: var(--ilab-blue-dark); }

/* -- Tombol utama -- */
.wp-block-button__link, button, input[type="submit"]
    {
    background: var(--ilab-orange);
    color: #fff; border-radius: 10px;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    transition: background .2s;
    }
.wp-block-button__link:hover, button:hover
    {
        background: var(--ilab-orange-light);
    }

/* ── CSS Variables lengkap — tersedia di semua halaman ── */
:root {
    --ilab-blue:         #0057B8;
    --ilab-blue-light:   #1A7FE8;
    --ilab-blue-dark:    #003D82;
    --ilab-blue-deeper:  #00275A;
    --ilab-blue-tint:    #E8F3FD;
    --ilab-blue-tint2:   #C8DFFA;
    --ilab-orange:       #FF6B00;
    --ilab-orange-light: #FF8C2E;
    --ilab-orange-tint:  #FFF0E6;
    --ilab-orange-dark:  #CC5500;
    --ilab-navy:         #0A1628;
    --ilab-green:        #059669;
    --ilab-green-tint:   #ECFDF5;
    --ilab-red:          #DC2626;
    --ilab-red-tint:     #FEF2F2;
    --ilab-yellow:       #F59E0B;
    --ilab-yellow-tint:  #FFFBEB;
    --ilab-yellow-dark:  #92400E;
    --ilab-gray-50:      #F5F7FA;
    --ilab-gray-100:     #EEF1F6;
    --ilab-gray-200:     #D8DEE8;
    --ilab-gray-400:     #8A95A8;
    --ilab-gray-600:     #4A5568;
    --ilab-gray-700:     #2D3748;
    --ilab-gray-800:     #1A2333;
    --ilab-bg-page:      #F5F7FA;
    --ilab-r-sm:  6px;
    --ilab-r-md:  10px;
    --ilab-r-lg:  14px;
    --ilab-r-xl:  20px;
    --ilab-r-2xl: 28px;
    --ilab-shadow-sm: 0 1px 4px rgba(0,87,184,.07);
    --ilab-shadow-md: 0 4px 16px rgba(0,87,184,.10);
    --ilab-shadow-lg: 0 8px 32px rgba(0,87,184,.15);
}

/* ── Reset dasar ── */
*, *::before, *::after { box-sizing: border-box; }

/* ── Pastikan body tidak ada margin dari reset browser ── */
body { margin: 0; }