/**
 * Inventaris Pertanian - CSS Variables
 * Semua warna, font, radius, dan shadow terpusat di sini.
 *
 * @package Inventaris_Pertanian
 */

:root {
    /* === WARNA BRAND === */
    --inv-primary:        #123a6b;
    --inv-primary-hover:  #3c699f;
    --inv-primary-light:  #e6eef7;
    --inv-primary-border: #a0b6c9;
    --inv-accent:         #4a9de4;
    --inv-accent-light:   #eaf4fc;

    /* === WARNA FUNGSIONAL: SUKSES === */
    --inv-success:        #2e7d32;
    --inv-success-hover:  #1b5e20;
    --inv-success-light:  #e8f5e9;
    --inv-success-border: #c8e6c9;

    /* === WARNA FUNGSIONAL: DANGER === */
    --inv-danger:         #c62828;
    --inv-danger-hover:   #b71c1c;
    --inv-danger-light:   #ffebee;
    --inv-danger-border:  #ffcdd2;

    /* === WARNA FUNGSIONAL: WARNING === */
    --inv-warning:        #f57c00;
    --inv-warning-light:  #fff3e0;
    --inv-warning-border: #ffe0b2;

    /* === WARNA TUTORIAL (kuning) === */
    --inv-tutorial-bg:     #FFF8E1;
    --inv-tutorial-hover:  #FFF3C4;
    --inv-tutorial-border: #FFE082;
    --inv-tutorial-text:   #6D4C00;
    --inv-tutorial-sub:    #8D6E00;

    /* === WARNA NETRAL === */
    --inv-white:          #FFFFFF;
    --inv-bg:             #F5F7FA;
    --inv-bg-soft:        #f9f9f9;
    --inv-bg-hover:       #f5f5f5;
    --inv-card:           #FFFFFF;
    --inv-text:           #1d2327;
    --inv-text-muted:     #666666;
    --inv-text-light:     #999999;
    --inv-border:         #e8e8e8;
    --inv-border-light:   #f0f0f0;
    --inv-border-strong:  #cccccc;
    --inv-input-bg:       #f0f2f5;
    --inv-input-border:   #d0d0d0;

    /* === TIPOGRAFI === */
    --inv-font:           -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --inv-font-mono:      ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

    --inv-fs-small:       12px;
    --inv-fs-base:        14px;
    --inv-fs-large:       16px;
    --inv-fs-title:       18px;
    --inv-fs-h1:          22px;
    --inv-fs-big:         28px;
    --inv-fs-huge:        36px;

    /* === RADIUS === */
    --inv-radius-xs:      4px;
    --inv-radius-sm:      6px;
    --inv-radius:         10px;
    --inv-radius-lg:      14px;
    --inv-radius-xl:      16px;
    --inv-radius-pill:    20px;

    /* === SHADOW === */
    --inv-shadow-sm:      0 1px 3px rgba(0, 0, 0, 0.04);
    --inv-shadow:         0 4px 16px rgba(0, 0, 0, 0.06);
    --inv-shadow-lg:      0 8px 24px rgba(0, 0, 0, 0.10);

    /* === LAYOUT === */
    --inv-mobile-width:   480px;
    --inv-content-max:    720px;
    --inv-content-pb:     80px;
    --inv-container-px:   20px;
}

/* === BASE STYLE === */
.inv-beranda,
.inv-stok,
.inv-pilih-merek,
.inv-pilih-barang,
.inv-detail-barang,
.inv-pilih-jenis,
.inv-form-masuk,
.inv-form-keluar,
.inv-riwayat,
.inv-profil,
.inv-tambah-barang,
.inv-tambah-kategori,
.inv-tambah-merek,
.inv-tutorial,
.inv-login-wrap {
    font-family: var(--inv-font);
    color: var(--inv-text);
    box-sizing: border-box;
}

.inv-beranda *,
.inv-stok *,
.inv-pilih-merek *,
.inv-pilih-barang *,
.inv-detail-barang *,
.inv-pilih-jenis *,
.inv-form-masuk *,
.inv-form-keluar *,
.inv-riwayat *,
.inv-profil *,
.inv-tambah-barang *,
.inv-tambah-kategori *,
.inv-tambah-merek *,
.inv-tutorial *,
.inv-login-wrap * {
    box-sizing: border-box;
}