/* ==========================================================================
   NEXARA DESIGN TOKENS
   Sistem warna & style dasar untuk produk PT Nexara Solusi Digital (SIGAP).
   Jangan pakai hex code langsung di halaman baru — pakai var(--nexara-*) ini
   supaya seluruh produk (SIGAP, dan produk Nexara berikutnya) konsisten.
   ========================================================================== */

:root {
    /* ── Brand color ───────────────────────────────────────────── */
    --nexara-primary: #0057D9;
    --nexara-primary-dark: #00389E;
    --nexara-primary-darker: #002566;
    --nexara-secondary: #1E88E5;

    /* ── Neutral / surface ─────────────────────────────────────── */
    --nexara-bg: #F5F7FB;
    --nexara-card: #FFFFFF;
    --nexara-border: #E2E7F2;
    --nexara-text: #0A1628;
    --nexara-text-muted: #7A8AA8;
    --nexara-text-faint: #A3AEC2;

    /* ── Status color ──────────────────────────────────────────── */
    --nexara-success: #16A34A;
    --nexara-warning: #F59E0B;
    --nexara-danger: #DC2626;
    --nexara-info: #1E88E5;

    /* ── Gradients (brand panel, tombol utama) ────────────────── */
    --nexara-gradient-primary: linear-gradient(135deg, var(--nexara-primary-darker), var(--nexara-primary));
    --nexara-gradient-danger: linear-gradient(135deg, #7A1E26, var(--nexara-danger));

    /* ── Radius & shadow ───────────────────────────────────────── */
    --nexara-radius-sm: 8px;
    --nexara-radius-md: 12px;
    --nexara-radius-lg: 16px;
    --nexara-shadow-sm: 0 1px 3px rgba(10, 22, 40, 0.06);
    --nexara-shadow-md: 0 6px 16px rgba(0, 87, 217, 0.16);
    --nexara-shadow-lg: 0 12px 28px rgba(0, 87, 217, 0.28);

    /* ── Font ──────────────────────────────────────────────────── */
    --nexara-font: 'Montserrat', 'Segoe UI', system-ui, sans-serif;
}

/* Utility badges — dipakai di header/footer produk untuk menunjukkan versi/status */
.nexara-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.nexara-badge-enterprise {
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: #fff;
}

.nexara-eyebrow-company {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.6;
}